Clients

Display client, partner, or brand logos in a responsive grid or owl-carousel with optional linking and lightbox support. It is shown in the block inserter as Canvas Clients and registered as canvas-core/clients.

Select the block on a page and its own settings open in the sidebar, in the panels below:

Settings

Each setting is named exactly as the block editor names it, followed by what it does and what it starts as. Where a setting carries a Shown when line, it stays hidden until that condition is met, which is the usual reason a setting looks missing from the sidebar:

Settings

• Logo Image ClassesDefaultEmpty

  Style classes on every logo picture, for example to centre it and let its height decide its width.

• Logo Height (px)Default0

  Fixed height for every logo so a mixed set lines up. 0 leaves the images at their natural size.

Items

• Client LogosDefaultEmpty

  The logos on the wall, in the order they appear. Each row is one client.

  Each row of Client Logos takes:

  • LogoDefault0

    The logo picture, chosen from your media library. A file with a transparent background sits best on a tinted strip.

  • Logo Alt TextDefaultEmpty

    Alternative text for this logo. Empty falls back to the attachment's own alt text.

  • Link URLDefaultEmpty

    Where clicking this logo takes the visitor, usually the client website or the case study about them. Leave it empty for a logo that is not clickable.

  • Open in New TabDefaultOff

    Opens the link in a new browser tab, which is the usual choice for a link off your own site.

  • Client NameDefaultEmpty

    Shown by the Tagline variant, used as the Tooltip variant label, and used as the logo image alt text in the Marquee layout.

  • TaglineDefaultEmpty

    Second caption line, shown by the Tagline variant.

Layout

• LayoutDefaultGrid

  How the logos are arranged: a fixed grid, a carousel a visitor can move through, or a marquee that scrolls on its own for as long as the section is on screen.

  ChoicesGridCarouselMarquee (infinite scroll)

• Design VariantDefaultEmpty

  Adds the .clients-{variant} design layer. Names and taglines come from each logo row.

  ChoicesPlain logos (empty)CardsOn a dark stripBordered / outlinedHover tooltip namesName + tagline captionsShown when Layout is "Grid"

• Variant Supplies the Item LayoutDefaultOff

  Drops the base .clients-grid class, for a variant that lays its items out itself.

  Shown when Layout is "Grid"

• Marquee Loop (seconds)Default25

  How long one full pass of the logo track takes.

  Shown when Layout is "Marquee (infinite scroll)"

• Columns (Desktop)Default6

  Columns at the md breakpoint (768px+). 0 omits the class so the smaller breakpoint carries through.

  Shown when Layout is "Grid"

• Columns (Mobile)Default2

  Columns at the base breakpoint. 0 omits the class.

  Shown when Layout is "Grid"

• Columns (Tablet)Default0

  Columns at the sm breakpoint (576px+). 0 omits the class.

  Shown when Layout is "Grid"

• Link ImagesDefaultOn

  Makes each logo clickable, using the Link URL held on its own row. Logos with no link stay as plain pictures.

• Item SpacingDefaultNone

  How much room each logo is given inside its cell. More room makes a wall of mixed logo shapes look calmer.

  ChoicesNoneDefault PaddingLarge PaddingShown when Layout is "Grid"

• Bare ItemsDefaultOff

  Drop the item wrapper Canvas adds around each logo: the grid item's Bootstrap "col" class (for row-cols-* grids styled by starts-with col- selectors), or the carousel item's .oc-item element (for strips whose logos are direct children of the carousel).

• Item ClassesDefaultEmpty

  Classes added to every logo's , alongside the Item Spacing choice.

  Shown when Layout is "Grid"

• Logo Link ClassesDefaultEmpty

  Classes on each logo's link (e.g. an opacity utility like op-09).

• Item Inline CSSDefaultEmpty

  Styling written straight onto every logo cell. This is how a logo wall sets the space around each mark when no ready made spacing choice fits.

  Shown when Layout is "Grid"

• Dim ImagesDefaultOff

  Show logos at reduced opacity, full opacity on hover.

  Shown when Layout is "Grid"

• Lightbox ImagesDefaultOff

  Opens the full size logo over the page when one is clicked, in place of following its link.

Carousel

• Full WidthDefaultOff

  Let the carousel run edge to edge (owl-carousel-full).

  Shown when Layout is "Carousel"

• Items (base)Default0

  Fallback logo count for every breakpoint that sets none of its own. 0 leaves it unset.

  Shown when Layout is "Carousel"

• Items (Mobile)Default2

  How many logos are on screen at once on a phone.

  Shown when Layout is "Carousel"

• Items (SM)Default3

  How many logos are on screen at once from a small screen up, around the size of a large phone held sideways.

  Shown when Layout is "Carousel"

• Items (MD)Default4

  How many logos are on screen at once from a tablet width up.

  Shown when Layout is "Carousel"

• Items (LG)Default5

  How many logos are on screen at once from a laptop width up.

  Shown when Layout is "Carousel"

• Items (XL)Default6

  How many logos are on screen at once on the widest screens.

  Shown when Layout is "Carousel"

• Item Gap (px)Default20

  The gap between one logo and the next, in pixels.

  Shown when Layout is "Carousel"

• LoopDefaultOff

  Runs the logos round in a circle, so the strip never reaches an end and stops.

  Shown when Layout is "Carousel"

• Autoplay (ms, 0=off)Default0

  How long each set of logos rests before the strip moves on by itself, in thousandths of a second. Set it to 0 and it only moves when a visitor asks.

  Shown when Layout is "Carousel"

• Show ArrowsDefaultOff

  Shows the back and forward arrows at the sides of the strip.

  Shown when Layout is "Carousel"

• Show DotsDefaultOn

  Shows the row of dots under the strip, which lets a visitor jump straight to a set of logos.

  Shown when Layout is "Carousel"

Related

Every Canvas block also carries the Animation, Scroll Effects and Advanced panels, which are described in Controls every Canvas block has.

Other blocks in Content: Background Video / Audio, Cascading Images, Charts, Circle Stack, Data Tables, Google Map.