What is a logo marquee?
It's the "trusted by" strip you see on SaaS and agency sites: logos glide slowly across the screen without ever reaching an end. Compared to a static grid, it fits more logos in less space and adds gentle movement that draws the eye without distracting.
How to create a logo carousel in Elementor
- Drag Logo Marquee (in Pro Effects ▸ Components) into a section.
- In Images, open the picker and select several logos at once from the media library.
- In Marquee, set the direction, the speed and pause on hover — independently for desktop, tablet and mobile.
- Turn on Fade edges and pick the fade color (match your background).
- Optional: in Black & White, make all logos grayscale, all black or all white, and enable reveal color on hover.
- In Style ▸ Image, adjust height, object fit, radius and gap.
- Save and open the page (in the editor it renders static; the loop runs in preview and on the live site).
Settings you can adjust
| Setting | What it does | Default |
|---|---|---|
| Direction | Left or right (per device) | Left |
| Speed | Seconds for one full loop (lower = faster) | 20 s |
| Pause on hover | Stops the loop under the cursor | Off |
| Fade edges | Soft gradient on both sides | Off |
| Fade depth | How far the fade extends | 80 px |
| Color mode | Original, grayscale, all black or all white | Original |
| Reveal color on hover | Each logo animates back to its color | Off |
| Logo height | Height of every logo | 60 px |
| Gap | Space between logos | 40 px |
Why logos with different shapes look even
Each image uses object-fit: contain inside the same height, so wide and square logos align on one baseline. The all black / all white modes turn multicolor logos into flat silhouettes — the cleanest look for a "trusted by" strip.
Performance and accessibility
Logos load with loading="lazy" and decoding="async", and the loop is recalculated after they load so the cycle stays seamless. Visitors with reduced motion enabled see a static row. The fade uses pseudo-elements instead of CSS masks, so its color is fully configurable. Total weight: about 6 KB before minification.
Related effects
- Text Loop — the same infinite loop, for text.
- Expanding Cards — image cards that open on hover.
