Logo list: Grid
Overview
The Logo List Grid section displays a grid of logos (commonly used for partners, press mentions, or brand affiliations). You can control logo sizing for desktop and mobile, grid column counts, spacing between logos, container width, text alignment, color scheme, and responsive spacing. The preset includes a logo grid container with multiple logo items.
Section Configuration
Logo size
| Setting | Description |
|---|---|
| Desktop logo height | Sets the displayed height of logos on desktop. |
| Mobile logo height | Sets the displayed height of logos on mobile. |
Grid settings
| Setting | Description |
|---|---|
| Desktop columns | Sets how many logo columns appear on desktop (4–7). |
| Mobile columns | Sets how many logo columns appear on mobile (2 or 3). |
| Gap (Desktop) | Controls the spacing between logos on desktop. |
| Gap (Mobile) | Controls the spacing between logos on mobile. |
Layout
| Setting | Description |
|---|---|
| Container layout | Controls how the section is sized on the page: page-width (boxed), contained-content, or container-fluid (full width). |
| Container size (Desktop) | Sets the maximum section width on desktop as a percentage (50%–100%). |
| Text alignment (Desktop) | Controls text alignment on desktop (left, center, right). |
| Text alignment (Mobile) | Controls text alignment on mobile (left, center, right). |
| Color scheme | Applies a theme color scheme to the section styling. |
Inner padding
| Setting | Description |
|---|---|
| Top (Desktop) | Adds space above the section’s inner content on desktop. |
| Bottom (Desktop) | Adds space below the section’s inner content on desktop. |
| Left (Desktop) | Adds space to the left of the section’s inner content on desktop. |
| Right (Desktop) | Adds space to the right of the section’s inner content on desktop. |
| Top (Mobile) | Adds space above the section’s inner content on mobile. |
| Bottom (Mobile) | Adds space below the section’s inner content on mobile. |
| Left (Mobile) | Adds space to the left of the section’s inner content on mobile. |
| Right (Mobile) | Adds space to the right of the section’s inner content on mobile. |
Outer padding
| Setting | Description |
|---|---|
| Top (Desktop) | Adds space above the section (outside the section content) on desktop. |
| Bottom (Desktop) | Adds space below the section (outside the section content) on desktop. |
| Left (Desktop) | Adds space on the left side of the section (outside) on desktop. |
| Right (Desktop) | Adds space on the right side of the section (outside) on desktop. |
| Top (Mobile) | Adds space above the section (outside) on mobile. |
| Bottom (Mobile) | Adds space below the section (outside) on mobile. |
| Left (Mobile) | Adds space on the left side of the section (outside) on mobile. |
| Right (Mobile) | Adds space on the right side of the section (outside) on mobile. |
Blocks Configuration
Logo Grid container
| Block | Description |
|---|---|
| Logo grid | Displays the logo grid layout and contains individual logo items. |
Logo item
| Block | Description |
|---|---|
| Logo item | A single logo entry within the grid. Each item contains an image block for the logo artwork. |
Logo image
| Setting | Description |
|---|---|
| Margin (Desktop) | Adds space above/below the logo image block on desktop. |
| Margin (Mobile) | Adds space above/below the logo image block on mobile. |