Speed, Height & Gap

These three settings control the visual appearance and motion of the logo scroller.

Scroll Speed

Choose the scroll speed that matches your design. The speed value sets the total CSS animation duration for one complete cycle of the logo strip:

• Slow — 40 seconds per cycle
• Medium — 25 seconds per cycle (default)
• Fast — 15 seconds per cycle

The perceived speed scales naturally with the number of logos. More logos means more content scrolling at the same pace, so it never feels rushed or sluggish regardless of how many logos you add.

Shortcode attribute: speed="slow", speed="medium", or speed="fast"

Logo Height

Controls the height of each logo in pixels. The width scales automatically to maintain each image’s original aspect ratio, so logos of different proportions sit together cleanly.

The default is 60px. For larger, more prominent logos, try 80–100px. For a subtle partner bar, 40–50px works well.

Shortcode attribute: logo_height="80"

Gap Between Logos

Sets the horizontal spacing between each logo in pixels. This controls the visual density of the scroller — from tightly packed to generously spaced.

The default is 60px. Reduce it for a denser strip of logos, or increase it for a more airy layout.

Shortcode attribute: gap="40"

CSS Custom Properties

All three settings are rendered as CSS custom properties on the scroller container, making them easy to override from your theme stylesheet if needed:

• --scroll-duration — The animation duration (e.g., 25s)
• --logo-height — The logo height (e.g., 60px)
• --logo-gap — The gap between logos (e.g., 60px)