Skip to content
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) |