Logo list with auto-scroll enabled, hidden header and top/bottom borders
{% hint style="success" %}
**Quick start**
* Edit the **section heading** (or clear the settings to hide altogether)
* Click into each **logo** block to add an **image** and optional **link** (or delete if not needed)
{% endhint %}
### Settings
* **Layout:**
* **Layout**: Choose between **auto-scroll** and **grid.** Auto-scroll will slowly move items across the screen in whichever direction you choose. If there are not enough items to fill the screen width, items will be duplicated in order to fill the available space. In **grid** mode, logos will be stacked on top of eachother without animation.
* **Scrolling speed**: When auto-scroll is selected, choose the scrolling speed
* **Scroll direction:** When auto-scroll is selected, choose betwen to left or to right
* **Base size**: Sets the base size of the logos, from 16px to 160px
* **Spacing**: Override the space between logo items
* **Grid layout:**
* **Horizontal alignment:** Control the horizontal alignment of your logos when in **grid** mode
* **Container type:** Select **full** to create full-bleed layouts, **padded** to apply the global horizontal gap setting to a full bleed section, or **max** to constrain the blog posts to the maximum container size.
### Blocks
* [Section header](/sections/section-header.md)
* **Logo**: To add a logo, hover over the logo list section and press the **Add logo** button. Each logo acceps an image and an optional link. We suggest using .svg files wherever possible for logos in order as this ensures the logo will look crisp, even when resized.
* [Buttons](/blocks/buttons.md) (hidden by default, fill in the settings to display)
{% hint style="info" %}
Can't find the setting you're looking for? The following settings are explained in detail in [common settings](/common-settings.md):
* Color scheme/Color scheme transition
* Padding
* Borders
{% endhint %}
### Examples & inspiration
The Composition preset logo list includes a centered section header.
---
# 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://docs.ultramarinastudios.com/sections/logo-list.md?ask=
```
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.