Trust badges and sponsor logos are a staple of landing pages. The industry standard is a gray-scale, auto-scrolling infinite loop.
To solve this, use Div Render Container Slider for Elementor.
Step 1: Logo Setup
Add your logos as images inside child containers or directly as Image Widgets within the parent. Ensure they are all sized similarly (e.g., max-height: 50px).
Step 2: The Infinite Engine
Enable Slider Mode.
- Slides Per View:
5or6. - Loop:
Yes. - Autoplay:
Yes.
Step 3: Timing the Loop
For that smooth “Ticker” feel:
- Speed:
1000msor higher (controls how fast it glides). - Delay:
1000ms(controls how long it pauses). - Note: True “Linear” scrolling (where it never stops) often requires a specific “Free Mode” + “Autoplay” combo or a “Linear” easing setting. Check if the plugin supports
Free Modeand enable it for a smoother flow.
Pro Tips for Logos
- Opacity: Set the default opacity of logos to
0.5and increase to1on hover. This keeps them subtle until the user is interested. - Interaction: Disable “Pause on Hover” if you want the marquee to keep moving regardless of the mouse cursor, creating a background ambient effect.