# Logo list

### Section overview

The Logo list section displays a grid of logos or icons with customizable layout and styling options. It can include an optional header with heading, content, and button.

#### Common use cases

* Showcasing partner or client logos
* Displaying brand affiliations or certifications
* Creating a visual representation of supported payment methods
* Highlighting industry associations or memberships

#### Usage tips

* Use monochrome logo colors to maintain visual harmony and avoid distraction
* Keep logo height consistent for a professional appearance (default is 44px)
* For mobile, reduce the number of logos per row to ensure visibility
* Consider enabling the split layout option for sections with substantial header content

### Section settings

| Setting              | Description                                              |
| -------------------- | -------------------------------------------------------- |
| Heading              | The main title for the section                           |
| Content              | Rich text content to be displayed in the section header  |
| Button label         | Text to display on the button                            |
| Button URL           | The URL the button links to                              |
| Top spacing          | Amount of padding at the top of the section (0-300px)    |
| Bottom spacing       | Amount of padding at the bottom of the section (0-300px) |
| Color scheme         | Background and text color combination for the section    |
| Border color         | Color of the section border                              |
| Button color         | Style and color of the button                            |
| Border position      | Position of the border (none, top, bottom, or both)      |
| 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 | Alignment of content (left, center, or right)            |
| Enable margin        | Whether to apply horizontal margin to the section        |
| Enable split         | Whether to display the header alongside the logo grid    |
| Visibility           | Control section visibility on different device types     |

### Block settings

#### Logo

The Logo block represents a single logo or icon within the grid.

* Block limit: 10

| Setting        | Description                                        |
| -------------- | -------------------------------------------------- |
| Logo           | The logo image to display                          |
| Image height   | Height of the logo image in pixels (10-100px)      |
| Enable padding | Whether to add padding inside the logo container   |
| Color scheme   | Background and text color combination for the logo |
| Border color   | Color of the border around the logo                |
| Row span       | Number of rows the logo will span (1-6)            |
| Column span    | Number of columns the logo will span (1-6)         |