Displaying client logos or partner brands is a common requirement. A static grid takes up too much space, and standard carousels often feel clunky. The modern standard is a smooth, continuous “ticker” or marquee that scrolls infinitely.

To solve this, use Div Render Container Slider for Elementor. It allows you to build a seamless, auto-scrolling logo wall using native Containers.

Step 1: Setting Up the Container Layout

Add a parent Container to your section. Inside, place multiple Image Widgets or child Containers, each containing a logo. For a smooth loop, it is best to have at least 6-8 logos.

Ensure all images are approximately the same height to keep the ticker balanced. You can enforce this by setting a custom CSS height or using Elementor’s image size controls.

Step 2: Activating Slider Mode

Select the parent Container, go to the Layout tab, and toggle Enable Slider Mode to “Yes”.

Set Slides Per View to 5 (or 6 depending on your logo size) for Desktop. This ensures a dense, populated strip of logos across the screen.

Step 3: Configuring the Infinite Loop

To achieve the “ticker” effect, you need specific settings to make the movement continuous and linear.

  • Loop: Toggle Loop to “Yes”. This creates the infinite cycle.
  • Autoplay: Toggle Autoplay to “Yes”.
  • Speed: Set the Speed to a higher value like 3000 or 5000 ms. This controls the transition duration, making it smoother.
  • Delay: For a true continuous linear marquee (where it doesn’t stop), this usually requires a specific linear easing configuration or setting the Delay to 0 and Speed high, depending on the plugin’s specific easing options. If standard autoplay is used, set a short delay or check for a “Continuous” or “Linear” timing option if available in the detailed settings.

Pro Tips for Logo Tickers

  • Grayscale to Color: Set a CSS filter on your image widgets to be Grayscale (100%) by default, and transition to Color (Grayscale 0%) on Hover. This adds a nice interactive polish.
  • Mobile Optimization: On mobile, reduce Slides Per View to 2 or 3 so the logos remain legible and aren’t too small.
  • Free Mode: If available in the settings, enable Free Mode. This removes the “snap-to-slide” behavior, allowing for a much more fluid scrolling experience that mimics a traditional marquee.