Skip to main content
Documentation/Elements & Controls Reference/Elements/Blocks/Logo List

Logo List

Logo List displays a set of logos with consistent list and image styling. Use it for client, partner, or sponsor logos.

Add and configure Logo List

  1. Click Add, choose Logo List, and place it in the container.
  2. Populate Content > Setting > Logos.
  3. Configure Design > List and Logo.
  4. Set outer spacing and check the full row at narrower widths.
  5. Save your changes.
Logo List controls in the Breakdance editor
Logo List controls in the Breakdance editor

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Setting

Setting Purpose and options Behavior
Logos Add, edit, remove, and reorder logos. Shared
Logos > Image WordPress media. Shared
Logos > Size Registered WordPress or custom image size. Shared
Logos > Link Destination and link options. Shared

Design > List

Setting Purpose and options Behavior
Width Width. Responsive
Type Animated, Side Scroll, Show All. Shared
Vertical Gap Vertical gap and unit. When: Type = Show All. Responsive
Alignment Left, Center, Right. When: Type = Show All. Shared

Shown when Type = Animated.

Setting Purpose and options Behavior
Animation > Direction To Left, To Right. Shared
Animation > Animation Type Infinite, Start on Hover, Stop on Hover. Shared
Animation > Animation Duration Animation duration and unit. Shared
Setting Purpose and options Behavior
Gradient Overlay > Type Left, Both, Right. When: Type = Side Scroll, Animated. Shared
Gradient Overlay > Color Color or supported fill. When: Type = Side Scroll, Animated and Type = Left, Both, Right. Shared
Gradient Overlay > Width Width. When: Type = Side Scroll, Animated and Type is set. Responsive
Setting Purpose and options Behavior
Height Height. Responsive

Design > Spacing

Setting Purpose and options Behavior
Between Logos Between logos and unit. Responsive
Container spacing controls. See linked controls

Troubleshooting

One logo appears much larger than the others

Check Logo sizing and the whitespace included inside each source image.

The list overflows

Review list layout and spacing at the breakpoint where the logos no longer fit.