The Infinity Logos Slider is a smooth, continuously scrolling carousel crafted to showcase brand logos, client partnerships, or sponsor affiliations in a clean and engaging format. With its infinite loop animation and dual-direction sliding rows, this responsive module adds dynamic visual movement to your page. Perfect for building trust and brand authority, the slider elegantly highlights your collaborations, making your website look polished and professional.
✅ Endless Looping Animation: Logos slide infinitely without interruption, creating a seamless and professional visual flow.
✅ Dual-Direction Rows: Supports multiple rows with independent directions—top row left-to-right, bottom row right-to-left—for dynamic motion.
✅ Pause on Hover: Slider automatically pauses when hovered, allowing users to view logos without distraction.
✅ Fully Responsive: Works seamlessly on all devices (desktop, tablet, mobile).
✅ Infinity Auto-Scrolling: Smooth auto-slide.
✅ Fully Customizable Design: Easily adjust spacing, background color, and padding directly within the module settings.
✅ Lightweight & Fast: Optimized for speed and performance.
1. In the main dashboard, navigate to the Content tab and select either Website Pages or Landing Pages, depending on where you want to add the service section.
2. Choose the page where you want to apply the module.
3. Search for "Infinity Logos Slider" and drag and drop the module into the desired location on your page
Layout ID :
To enable smooth scrolling for a CTA, assign an ID to the target element, reference that ID in the anchor link's href, and clicking the CTA will smoothly scroll the page to the section.
Heading/Description & CTA :
Easily customize the content in your module by modifying the "Heading," "Description & CTA. You can also choose to hide the section if desired, giving you complete control over the presentation and functionality of your content.
Options :
Logos Section :
Users can customize the repeat column logo as per their choice. They can also logo show/hide if not required.
Module Setting :
Adjust the margins, padding, background colors, and container width to customize the module's appearance. This flexibility lets you refine the layout and aesthetics, creating a visually appealing, functional, and user-friendly design.
Heading & Description Setting :
Users can customize the spacing of the heading and adjust its typography, including color, font size, weight, alignment and line height. These settings apply to both mobile and desktop views, ensuring a personalized and visually cohesive design across all devices.
CTA Setting :
Users can customize the CTA background color, line height, and spacing for both desktop and mobile views. They can also adjust text transform, alignment, and box shadow, as well as add hover colors for a more dynamic design.
Logos Setting & Left and Right Gradient Overlay:
Users can customize the logo spacing for both mobile and desktop views. Additionally, and also select background color. And you can change the gradient color of left and right fade overlay in layout 1 & 3.
We hope you enjoy using infinity logos slider module to create a seamless experience for both your users and your marketing team. At Code Accelerator, we're committed to ensuring your HubSpot experience is exceptional. If you need a custom HubSpot module or require a tailored HubSpot CMS or CRM setup, please don’t hesitate to Contact Us.