Logo Carousel

Showcase logos in an auto-scrolling carousel band.

Usage

Logo Carousel loops through uploaded logos in a horizontal strip. Add images in the sidebar, then adjust logo size, spacing, opacity, and optional brand-color treatment.

When to use it

Place it below a hero or testimonial section for client, partner, or sponsor logos. Works well on homepages and landing pages where social proof should stay compact.

Tips

  • Upload all logos at a similar aspect ratio for the cleanest row.
  • Lower Opacity for a subtle β€œas seen in” strip; raise it when logos should feel primary.
  • Logo Size and Spacing control density without editing each image.

Screenshots

Editor

  • Re-Color Logos and Carousel Settings β€” golden accent tint, autoplay interval, and pause on hover.
  • Logo size, mobile size, gap, and opacity β€” default black logos with autoplay enabled.

Settings

Settings

Logo size setting in the block editor sidebar
Logo size
Logo size (mobile) setting in the block editor sidebar
Logo size (mobile)

Maximum logo height on viewports 781px wide and below. Dragging the slider previews mobile sizing in the editor.

Gap setting in the block editor sidebar
Gap

Horizontal space between logos in pixels.

Opacity setting in the block editor sidebar
Opacity

Transparency applied to every logo in the row.

Color

Re-Color Logos setting in the block editor sidebar
Re-Color Logos

Applies a single palette color to all logos via CSS masking. Best with SVG artwork.

Logo Color setting in the block editor sidebar
Logo Color

Foreground color used when Re-Color Logos is enabled.

Autoplay setting in the block editor sidebar
Autoplay

Automatically advance logos on the live site. Visitors can still drag the row.

Autoplay interval (seconds) setting in the block editor sidebar
Autoplay interval (seconds)

Seconds between logo transitions when Autoplay is on (0.1–10).

Pause on hover setting in the block editor sidebar
Pause on hover

Pause autoplay while the visitor's cursor is over the carousel.