logo jingle

Logos carousel

The Logos carousel module displays a continuously scrolling row of logos, ideal for client, partner or press strips. It autoplays by default with a long animation duration to create a smooth marquee effect and can be made full width across the viewport. Each logo supports an optional link and tablet/mobile image sources.

Carousel logo

The Carousel logo group is repeatable (minimum 1, 6 created by default, no maximum). Each slide has a Logo image, a SRC set (Tablet image and Mobile image) and an optional Link (external, content or blog).

Logos style

The Logos style select renders the logos in Default full color or Grayscale (default).

Carousel behavior

The Carousel behavior group defaults to a continuous marquee. Enable autoplay is on by default and reveals Autoplay duration (0 to 120 seconds, default 0). Animation duration sets the scroll speed (0 to 12000 milliseconds, step 100, default 8000). Loop carousel slides (on by default) loops endlessly, while Center carousel slides and Center carousel insufficient slides (both off by default) control centering. Carousel slides transition offers Slide (default) or Coverflow, and Make full width (on by default) stretches the carousel across the screen.

Make full width

The Make full width toggle is on by default; when on, the logo strip spans the full viewport width rather than the constrained content column.

Number of visible items

The Number of visible items group sets how many logos show at once through Mobile display (default 3), Tablet display (default 6) and Desktop display (default 8) sliders, each ranging 1 to 12 (step 1).

Space between slides

The Space between slides group sets the gap between logos through Mobile display, Tablet display and Desktop display sliders, each 0 to 150px (step 4, default 20).

Vertical alignment

The Vertical alignment group controls vertical positioning through separate Mobile display, Tablet display and Desktop display selects, each offering Top (default), Center, Bottom, Space around, Space between and Stretch.

Horizontal alignment

The Horizontal alignment group controls horizontal positioning through separate Mobile display, Tablet display and Desktop display selects, each offering Left (default), Center, Right, Space around, Space between and Stretch.

Text alignment

The Text alignment group controls text alignment through separate Mobile display, Tablet display and Desktop display selects, each offering Left (default), Center and Right.

Carousel theme

The Carousel theme select applies an overall color scheme with First color (default), Second color, Third color, Fourth color, Fifth color, Gray color or None.

Animation settings

The Animation settings group animates the module as it scrolls into view. Animation type offers None (default), Fade in, Fade up, Fade down, Fade left, Fade right, Zoom in, Zoom out, Slide up, Slide down, Slide left and Slide right. When an animation is active it reveals Duration (0.1 to 3s, step 0.1, default 0.6s), Easing (Smooth (power1.out), Default (power2.out) as the default, Snappy (power3.out), Very snappy (expo.out), Sine (sine.out), Overshoot (back.out), Springy (elastic.out), Bouncy (bounce.out) or Linear (none)), Delay (0 to 5s, step 0.05, default 0s) and Travel distance (0 to 200px, step 5, default 30px, shown for slide and directional-fade animations).

Mobile order

The Mobile order slider (min -5, max 5, step 1) shifts the module up or down relative to sibling modules on mobile screens; lower numbers appear first.

On this page