BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Guide

Logo Carousel Free

How to set up and style the Logo Carousel widget in Elementor.

Logo Carousel shows a list of logos as a sliding row, with an optional link on each one. Logos can be shown in grayscale and return to full color on hover. Use it for client lists, partners, brands you stock or press mentions.

Part of: Bright Addons (free).

Set it up

  1. Drag Logo Carousel from the Bright Addons category onto the page.

  2. In Logos, open each item in Items, choose the Logo, type the Company Name and add a Link if wanted.

  3. Pick the Image Size used for all logos.

  4. In Carousel Settings, set Slides Per View and Gap for each device.

  5. Set Autoplay, Autoplay Delay (ms), Pause on Hover, Rewind at End, Arrows and Dots.

  6. Open the Style tab and set Logo Max Height, Item Height, Grayscale and the opacity values.

Content options

Logos

Option What it does
Items A repeater with one item per logo. Six placeholder items are added by default.
Logo The logo image.
Company Name Used as alt text when the image has none, and as the item title in the panel.
Link An optional address that makes the logo clickable.
Image Size Chooses which image size to load for every logo. The default is medium.

Carousel Settings

Option What it does
Slides Per View Sets how many slides show at once, from 1 to 8, with separate values for desktop, tablet and mobile (defaults are 5, 4 and 2).
Gap Sets the space between slides, from 0 to 80 pixels.
Autoplay Moves to the next slide automatically.
Autoplay Delay (ms) Sets the wait between automatic moves, from 1000 to 20000 milliseconds.
Pause on Hover Pauses autoplay while the mouse is over the carousel.
Rewind at End Jumps back to the first slide after the last one, and from the first to the last when going back.
Arrows Shows the previous and next buttons.
Dots Shows the dots under the carousel.
Bright Addons Pro

Like this free widget? Get 70+ more with Pro

Pro adds 77 widgets, 10 extensions, a Theme Builder and 32 dynamic tags, and keeps every free widget. From $16 a year, with a 14-day money-back guarantee.

Style options

These sections are in the Style tab.

  • Logos

    logo max height, item height, Grayscale switch, opacity, hover opacity, and the item background, hover background, padding, border, border radius and box shadow.

  • Arrows and Dots

    arrow size, icon color and background with hover versions, dot color, active dot color and the space above the dots.

Tips

  • The Grayscale switch is in the Style tab, under Logos, and is on by default.

  • Type a Company Name for every logo. It becomes the alt text when the image has none in the media library.

  • The carousel moves one slide at a time and snaps into place. It is not a continuous ticker.

  • With Rewind at End off, autoplay stops at the last logo and each arrow is disabled when its end is reached.

Questions and answers

Can each logo link to a website?

Yes. Every item has a Link field. Logos without a link are shown as plain images.

How do I keep logos the same height?

In the Style tab, set Logo Max Height to limit tall logos and Item Height to give every item the same box height.

Can I show the logos in color?

Yes. Switch off Grayscale in the Style tab and the logos keep their original colors.

How many logos show at once?

Slides Per View sets it from 1 to 8 per device. The defaults are 5 on desktop, 4 on tablet and 2 on mobile.

Need more help?

Check the troubleshooting guide, or contact support with the page address and what you expected to happen.

Troubleshooting guide
All guides