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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.brickspacelab.com/space/sections/content-and-media/logo-list.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.