Appearance

Tutorials ​

Start-to-finish builds of real logo sections, with the reasoning behind each setting, not just the clicks.

The block pages tell you what every control does. These tutorials tell you which ones to use, in what order, and why, by building three common logo sections from an empty page to a published result.

Each one stands on its own. Pick the one closest to what you're building.

Choose a tutorial ​

About 15 minutes · Carousel · Logo Images · Layouts · Navigation Arrows · Pagination Dots

The classic strip under a hero: a calm, evenly spaced row of client logos that slides on its own. Covers adding logos and alt text, how many to show per device, autoplay that doesn't annoy, when to drop the arrows and dots, and the greyscale-to-colour hover effect.

Start here if you're new to the plugin. Every other build reuses what you learn in this one.

A filterable partner directory Pro ​

About 25 minutes · Grid · Categories · Ajax Live Filter · Ajax Search · Pagination · Tooltips · Logo Details popup

A page that lists dozens of partners and lets visitors narrow them down by type, search by name, load more as they go, and open a details popup for each one. The most feature-dense build in the plugin, and the best way to understand how logo categories drive filtering.

A sponsor marquee for an event Pro ​

About 10 minutes · Marquee · Standard and Ribbon styles · Scroll Speed · Pause on Hover

A continuously scrolling band of sponsors for an event or conference site. Compares the plain Standard marquee with the eye-catching Ribbon style, and shows how to set a speed people can actually read.

Before any of them ​

Worth five minutes if you're new:

  • Quick Start: get one block published, then come back.
  • Blocks Overview: which of the five blocks does what.
  • Adding Logos: uploading, editing, ordering and categorising logos.
  • Glossary: any unfamiliar word. Block, inspector, marquee and tooltip are all there.

After any of them ​

  • Best Practices: the checklist before you launch.
  • Saved Templates: if the section will appear on more than one page, save it once instead of copying it.
  • Performance: logo file size matters more than any setting.

What these have in common ​

Three habits come up in every build, because they're behind most real problems:

  1. Prepare your logo files first. Same background (ideally transparent), similar padding around each mark, and a sensible size. SVG or a PNG around 400 px wide is plenty for a logo strip. Uneven files make even the best settings look messy.
  2. Write alt text for every logo. Screen-reader users rely on it, and it costs you one line per logo. The company name is usually all you need.
  3. Check the published page in a private window, and on a real phone. The editor and the live page load different files, and that gap is where caching plugins and theme styles cause surprises.