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 Pro Pro

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

Logo Carousel shows client, partner or brand logos in three ways: an endless ticker that never stops, a carousel with arrows and dots, or a fixed grid. Logos can stay gray until hover, grow on hover and show the brand name in a tooltip. Use it for trust sections such as clients, partners and press mentions.

Part of: Bright Addons Pro.

Set it up

  1. Add the Logo Carousel widget to your page.

  2. In Logos, add an item for each brand with a Logo image, a Name and an optional Link.

  3. In Layout, set Display As to Endless Ticker, Carousel or Grid.

  4. For a ticker, set Rows, Direction, Speed (pixels per second) and On Hover. For a grid, set Columns and Grid Style.

  5. Turn Gray Until Hover, Grow on Hover and Name Tooltip on or off.

  6. For a carousel, open Carousel Settings and set Slides Visible, Autoplay, Arrows and Pagination.

  7. Set Logo Height and box styling in the Style tab.

Content options

Logos

Option What it does
Logos The list of logos, one item each.
Logo The logo image.
Name The brand name, used as the image alt text and the tooltip.
Link An optional link for the logo.

Layout

Option What it does
Display As Chooses Endless Ticker, Carousel or Grid.
Rows Runs the ticker in one row or two rows in opposite directions.
Direction Moves the ticker to the left or to the right.
Speed (pixels per second) Sets the ticker speed, from 5 to 600.
On Hover Pauses the ticker, slows it down or keeps it moving.
Fade the Edges Fades logos out at both ends of the ticker, with a Fade Width.
Columns Grid columns per device.
Grid Style Chooses Separate Boxes, Cells With Lines or Logos Only.
Space Between Logos The gap between logos in the ticker and the grid.
Gray Until Hover Shows logos in gray and in color on hover.
Grow on Hover Enlarges a logo slightly on hover.
Name Tooltip Shows the brand name in a tooltip on hover.

Carousel Settings

Option What it does
Slides Visible How many logos show at once per device. Decimals show part of the next logo.
Space Between Slides The gap between logos in the carousel.
Loop Back to Start Returns to the first logo after the last.
Autoplay Moves on its own, with a delay and pause on hover.
Drag With Mouse Lets visitors drag the carousel with the mouse.
Arrows Shows arrows in one of six positions.
Pagination Chooses dots, lines, a fraction, a progress bar or none.
Bright Addons Pro

Unlock this and 70+ more Pro widgets

One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $16 a year, with a 14-day money-back guarantee.

Style options

These sections are in the Style tab.

  • Logos

    logo height and max width, box width in the ticker, box height, opacity and hover opacity, box background, border, shadow, radius and padding, and the grid line color.

  • Tooltip

    typography, text color, background, padding and radius.

  • Arrows

    position offsets, button and icon size, colors for normal, hover and disabled, border, radius and padding.

  • Pagination

    space above, alignment, size, active width, gap, colors and radius.

Tips

  • The ticker repeats your logos as often as needed to fill the row, so it works with only a few logos.

  • The second ticker row shows the same logos in reverse order. It is decoration only and is hidden from screen readers.

  • The ticker stops while it is off screen, and it does not move for visitors who prefer reduced motion.

  • A logo item with no image is skipped, and the tooltip needs a Name to show.

Questions and answers

What is the difference between the ticker and the carousel?

The ticker moves all the time at a set speed. The carousel moves in steps and has arrows, pagination, autoplay and dragging.

Can I make all logos the same size?

Set Logo Height and Logo Max Width in the Style tab. Every logo is scaled to fit inside those limits.

Can each logo link to a different site?

Yes. Each logo item has its own Link field.

How many logos can I show per row in the grid?

From 1 to 8 columns, set separately for desktop, tablet and phone.

Need more help?

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

Troubleshooting guide
All guides