Logo list

Section overview

The Logo List section displays a customizable grid of logos or icons with optional header content and button. It's perfect for showcasing brand partnerships, client logos, or featured products in a visually organized way.

Common use cases

• Displaying partner or client logos on the homepage

• Showcasing brand affiliations or certifications

• Highlighting supported payment methods

• Creating a visual product category navigation

Usage tips

• Use monochrome logo colors to maintain visual consistency and prevent the section from becoming too distracting

• Keep logo heights consistent (around 40-50px) for a professional appearance

• For mobile, reduce the number of logos per row to ensure they remain visible

• Consider using the split layout option for more extensive logo collections to create visual hierarchy

Section settings

Setting	Description
Heading	The main title displayed at the top of the section
Content	Rich text content displayed below the heading
Button label	Text displayed on the optional button
Button URL	Link destination for the button
Top spacing	Controls the padding above the section (0-300px)
Bottom spacing	Controls the padding below the section (0-300px)
Color scheme	Sets the background color scheme for the section
Custom color	Defines a custom background color when "Custom" is selected
Text color	Controls the text color (Default, Force light, Force dark)
Border color	Sets the color of section borders (Subtle, Strong)
Button color	Controls the button style and color
Enable color fade	Creates a smooth color transition when scrolling
Border position	Sets where borders appear (None, Top, Bottom, Top and bottom)
Desktop columns	Number of logos to display per row on desktop (1-8)
Mobile columns	Number of logos to display per row on mobile (1-4)
Horizontal alignment	Controls content alignment (Left, Center, Right)
Enable margin	Adds horizontal margin to the section
Enable split	Divides content and logos into a side-by-side layout
Enable split heading	Places heading in a split column layout
Visibility	Controls section visibility (All devices, Mobile only, Desktop only)

Block settings

Logo

This block represents an individual logo in the grid, with customizable size, appearance, and layout position.

Block limit: 10

Setting	Description
Logo	The image to display as the logo
Image height	Controls the logo height in pixels (10-100px)
Enable padding	Adds padding around the logo
Color scheme	Sets the background color for this specific logo
Border color	Controls the border color around the logo
Row span	Number of rows this logo will span (1-6)
Column span	Number of columns this logo will span (1-6)