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
Free widget

Logo Carousel Widget for Elementor Free

Client and partner logos in a sliding row.

Overview

What Logo Carousel does

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.

Live demo

See it in action

Features

What it can do

  • Repeater of logos with image, company name and optional link.

  • Grayscale switch that returns each logo to full color on hover.

  • Opacity and hover opacity controls.

  • Slides per view from 1 to 8, set for desktop, tablet and mobile.

  • Autoplay with a delay setting and pause on hover.

  • Arrows, dots and left and right arrow key control.

  • Logo max height and item height controls to keep mixed logos even.

  • Item box background, hover background, padding, border, radius and shadow.

Use cases

When to use it

Client lists

Show the companies you have worked with under a short heading.

Partner strips

Link each partner logo to its website.

Brands in store

Show the brands a shop carries and link each logo to its category page.

Press mentions

Line up the logos of publications that covered the business.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  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.

FAQ

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.

Free forever

Logo Carousel is free

It is one of 48 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.