Appearance

Best Practices ​

The choices that make a logo showcase look polished, load fast and stay easy to maintain, based on how the plugin actually behaves.

Everything here is optional. The plugin's defaults are sensible, and you can skip this page entirely. But most of the problems people report aren't bugs. They're a setting that made sense on its own and caused trouble in combination with something else. This page covers those combinations.

It's organized by what you're protecting: how your logos look, your visitors, your page speed and your future self.

Start with the right block ​

Pick the block that fits how visitors should take in the logos, before you touch any settings.

You want…UseWhy
A compact "trusted by" stripCarousel or MarqueeA row that moves takes little vertical space.
Every logo visible at onceGridNothing is hidden, and nobody has to click.
Continuous, ambient motionMarqueeIt never stops, so it doesn't need arrows or dots.
A partner or sponsor directory with descriptionsList or TableEach logo gets room for its name and details.

A good rule

If it matters that visitors see every logo, use a Grid. A carousel's later slides are seen by far fewer people than the first. That's fine for a "trusted by" strip and not fine for a list of headline sponsors you promised visibility to.

Changed your mind? In Pro, you don't have to start over. Transform the block and your logos come with it.

Making logos look good ​

Prepare your files before uploading ​

Most "messy" logo rows come from the files, not the settings.

  • Use transparent backgrounds. A PNG, WebP or SVG with no background blends in. A JPG brings a white box with it.
  • Trim extra whitespace around each logo, and give them all similar padding. A logo with a wide empty border looks smaller than its neighbors.
  • Aim for similar visual weight. A tall square emblem and a long thin wordmark at the same height never look equal. Most designers adjust the files so they feel the same size.
  • Prefer SVG for sharpness. It stays crisp on any screen. Only administrators can upload SVG files, and only while Allow SVG Uploads is on in the block. Upload SVGs only from sources you trust.

Use an aspect ratio for tidy rows ​

Aspect Ratio in Logo Images puts every logo in a box of the same shape. Logos are scaled to fit inside it and never cropped, so it's safe to use. A wide ratio such as Wide 16:9 or Classic 3:2 suits most wordmarks.

Match Resolution to the size you display ​

Resolution decides which copy of each image WordPress sends. Large, the default, is right for most rows. Drop to Medium for small logos in a dense grid, and only use Full when logos are displayed very large.

Replace demo logos before you publish ​

Patterns and Build with AI start with demo logos so you can see the design. Click Edit Logos in the block toolbar and pick your own images, which replaces the whole set at once. It's easy to forget one block on a long page, so check before you publish.

Protecting your visitors ​

Logo Title is required, so use the company's actual name. Fill in Logo Alt Text too, since screen readers read it aloud. Something like "Acme Corporation logo" is plenty. If you leave alt text empty, the title is used, which is far better than nothing.

The title also feeds tooltips, the popup and Ajax Search, so a good title pays off several times.

Think twice about autoplay ​

Autoplay is on by default in the Carousel block, with a 3-second delay and Pause on Hover on. That works for a short logo strip. For a row with descriptions people actually read, consider:

  • a longer Autoplay Delay, around 5 seconds, so there's time to read
  • keeping Pause on Hover on, so stopping to read actually stops it
  • leaving Tabs and Key Navigation on (the default), so keyboard users can move through it

Autoplay keeps going even when a visitor's device asks for reduced motion. If that matters for your audience, a Grid or a slower Marquee is the gentler choice. Marquees, Staggered carousels and motion effects do calm down for those visitors automatically. See Accessibility.

Check the mobile view on purpose ​

New carousels hide arrows and dots on phones (Hide on Mobile is on by default), so visitors swipe instead. That's usually right, but check it on a real phone. If your logos don't obviously look swipeable, show the dots.

Don't stack effects ​

One deliberate effect reads as design. Three at once read as a fault. A block that fades in on scroll, whose logos zoom on hover, inside a wavy marquee, is doing too much. Pick the one effect that matters and keep the rest still.

With Click Actions set to Logo URL, every logo link opens in a new tab. Point links at a useful page (a case study or the partner's page about you) rather than just a homepage, and leave the URL empty for logos that shouldn't link anywhere.

Protecting your page speed ​

Keep each block a sensible size ​

Every logo is markup and an image. The editor shows a note at 100 logos, warns at 250 and stops at 500. Long before that, consider:

  • splitting a big collection into several blocks, for example one per sponsor tier
  • using a Grid, List or Table with pagination, so only the first page loads up front

Leave lazy loading on, and use only one system ​

Lazy Load is on by default. The logos visible on first load are fetched immediately and the rest wait until they're needed. If your optimization plugin also lazy-loads images, the two can interfere, so turn one of them off. See Performance.

Exclude the plugin's script from JavaScript combining ​

The most common "my carousel is just a stacked column" cause is an optimization plugin combining, deferring or delaying JavaScript. Add Logo Carousel's script (sp-logo-carousel-frontend) to that plugin's exclusion list rather than turning optimization off completely. See Troubleshooting.

Turn off modules you don't use ​

If you never schedule blocks, never use motion effects and don't want analytics, switch those modules off. Their controls disappear, which keeps the sidebar simpler for everyone editing the site.

Know what scheduling does to caching ​

A page with a scheduled block tells caching plugins not to cache it, so the schedule is always respected. That's the right trade for a time-limited promotion, but don't leave scheduling switched on for a block that no longer needs it, especially on a busy page.

Protecting your future self ​

Use Saved Templates instead of copying blocks ​

If the same showcase appears on more than two pages, don't copy the block. Build it once as a Saved Template and place [lc_template id="…"] wherever you need it. Copied blocks mean twelve places to update and eleven you'll forget.

Page builders need a Saved Template anyway, so this habit also makes moving between editors painless.

Set categories as you add logos ​

If there's any chance you'll want Ajax Live Filter later, give each logo a Category when you add it. Going back to tag 80 logos later is a chore.

Never edit plugin files ​

Every update overwrites them, silently. Put styling in Settings → Additional CSS & JS, scoped to a class you set under Additional CSS Class(es), and put PHP in a child theme or a small custom plugin.

Prefer a setting, then CSS, then code ​

In that order, because each step costs more to maintain:

  1. A block setting. It survives updates and needs no maintenance.
  2. Custom CSS for changes that are purely visual.
  3. A filter for changing behavior. It's a few lines and keeps working.

Test logged out ​

The license notice and draft templates are only visible to people who can manage them. Always check a finished page in a private window, logged out, to see exactly what visitors see.

Mention analytics in your privacy policy ​

If you turn on Logo Analytics, visitors' IP addresses are stored with each view and click. Add a line to your privacy policy. See Uninstalling & Data for everything the plugin stores.

A pre-launch checklist ​

Worth ten minutes before a page goes live.

Logos

  • [ ] No demo logos left from patterns or Build with AI
  • [ ] Every logo has a real title and alt text
  • [ ] Files have transparent backgrounds and even padding
  • [ ] An Aspect Ratio keeps the row tidy

Visitors

  • [ ] Autoplay is off, or slow enough to read, with Pause on Hover on
  • [ ] Checked on a real phone, including swiping
  • [ ] Tabbed through with the keyboard and could reach every link
  • [ ] Links go to useful pages, and logos that shouldn't link have no URL

Speed

  • [ ] Each block has a sensible number of logos
  • [ ] Only one lazy-loading system is active
  • [ ] Logo Carousel's script is excluded from JavaScript combining
  • [ ] Caches cleared, then checked in a private window

Licensing and maintenance

  • [ ] Settings → License Key shows Active
  • [ ] Checked the live page logged out, not just as an administrator
  • [ ] Repeated showcases are Saved Templates, not copies
  • [ ] No edits to plugin files