# 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)      |