Logo list

The logo list component allows you to highlight key brand mentions and partnerships in order to improve your brand authority.

Logo list with auto-scroll enabled, hidden header and top/bottom borders

Quick start

• Edit the section heading (or clear the settings to hide altogether)

• Click into each logo block to add an image and optional link (or delete if not needed)

Settings

• Layout:

  • Layout: Choose between auto-scroll and grid. Auto-scroll will slowly move items across the screen in whichever direction you choose. If there are not enough items to fill the screen width, items will be duplicated in order to fill the available space. In grid mode, logos will be stacked on top of eachother without animation.

  • Scrolling speed: When auto-scroll is selected, choose the scrolling speed

  • Scroll direction: When auto-scroll is selected, choose betwen to left or to right

  • Base size: Sets the base size of the logos, from 16px to 160px

  • Spacing: Override the space between logo items

• Grid layout:

  • Horizontal alignment: Control the horizontal alignment of your logos when in grid mode

  • Container type: Select full to create full-bleed layouts, padded to apply the global horizontal gap setting to a full bleed section, or max to constrain the blog posts to the maximum container size.

Blocks

• Section header

• Logo: To add a logo, hover over the logo list section and press the Add logo button. Each logo acceps an image and an optional link. We suggest using .svg files wherever possible for logos in order as this ensures the logo will look crisp, even when resized.

• Buttons (hidden by default, fill in the settings to display)

Can't find the setting you're looking for? The following settings are explained in detail in common settings:

• Color scheme/Color scheme transition

• Padding

• Borders

Examples & inspiration

The Composition preset logo list includes a centered section header.