Quick Start Guide

This guide walks you through adding your first logo scroller to a page. Choose the method that matches your editing workflow.

Using WPBakery Page Builder

1. Edit a page with WPBakery and click Add Element.
2. Search for “Logo Scroller” or find it under the Content category.
3. In the element settings, click the Logo Images field to open the media library. Select the images you want to display.
4. Choose a scroll speed (Slow, Medium, or Fast).
5. Optionally adjust the Logo Height and Gap Between Logos values.
6. Click Save Changes, then publish or update the page.

Using IDVE (Insight Dezign Visual Editor)

1. Open the IDVE editor on a page and click the + button to add a block.
2. Find “Logo Scroller” in the Shortcodes category.
3. Click the block to open its settings panel.
4. Click Select Images to open the media library. Select multiple logo images and click Add to Gallery.
5. Adjust speed, height, and gap as needed.
6. Save the page.

Using the Shortcode

Add the following shortcode to any post, page, or text widget:

[[id_logo_scroller images="101,102,103" speed="medium" logo_height="60" gap="60"]]

Replace the numbers with your actual WordPress media attachment IDs. To find an attachment ID, open the image in the Media Library — the ID is shown in the URL or the attachment details panel.

What You Should See

On the frontend, your logos will scroll smoothly from right to left in a continuous loop. Hovering over the scroller pauses the animation. If a visitor has reduced motion enabled in their operating system, the animation pauses automatically.