> For the complete documentation index, see [llms.txt](https://nextsky-2.gitbook.io/milano-shopify/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky-2.gitbook.io/milano-shopify/theme-sections/brand-logo.md).

# Brand logo

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FxWAFWkCYWjSU2UwLwVPA%2Fimage.png?alt=media&amp;token=261116fb-3a31-495c-a44e-49060f6f362c" alt=""><figcaption></figcaption></figure>

## General settings

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FmcDevsckzec7EpFcetWU%2Fimage.png?alt=media&amp;token=7cd5bb94-ec83-4c70-90c2-a229b57e6d60" alt=""><figcaption></figcaption></figure>

| Setting              | Description                                                                                                                                |
| -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
| Section width        | You can choose among Container, Wrapped container, Full width for the banner layout.                                                       |
| Color scheme         | Set text color and background color with preset scheme.                                                                                    |
| Heading, description | Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them. |
| Header size          | Adjust the header font size (small/medium/large)                                                                                           |
| Alignment            | Adjust the text alignment (left/center/right)                                                                                              |

## **Brand logo**

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2Fbfk7wwmmMfqzi0u3YoBP%2Fimage.png?alt=media&amp;token=d9d9c61b-7df5-482d-b843-5b3e721f7055" alt=""><figcaption></figcaption></figure>

| Setting              | Description                                                                                                                      |
| -------------------- | -------------------------------------------------------------------------------------------------------------------------------- |
| Image ratio          | Select a preset ratio for the image.                                                                                             |
| Custom ratio         | Define a custom ratio for the logo.                                                                                              |
| Image width          | Set the width of the logo.                                                                                                       |
| Logo opacity         | Adjust the opacity of the logo.                                                                                                  |
| Open link in new tab | Enable this option to open links in a new browser tab when the image is clicked.                                                 |
| Framed               | Enable this option to add a border around the image, ideal for images with colors that blend into the background of the section. |
| Display mode         | Switch between scrolling mode and carousel mode. Each option comes with customizable settings below.                             |

## **Carousel settings**

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FSShNb4r9adapQY1Q9kvg%2Fimage.png?alt=media&amp;token=98ab6774-f649-42e2-b018-e146de869351" alt=""><figcaption></figcaption></figure>

| Setting             | Desciption                                                                                                                                                   |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Items per row       | The number of items displayed on each row in the grid layout can be customized to suit your preferences and the overall design of your site.                 |
| Column gap          | The spacing between each pair of column.                                                                                                                     |
| Show next back      | Display arrows to navigate to the next or previous item.                                                                                                     |
| Dot                 | Choose from different types of pagination options.                                                                                                           |
| Infinite slide      | Enable this option to allow the carousel to loop continuously, creating an infinite sliding effect.                                                          |
| Auto change slides  | Enable this option to automatically transition between slides in the carousel.                                                                               |
| Change slides every | Set the time interval (in seconds) for automatically transitioning between slides in the carousel.                                                           |
| Reveal next slide   | Allow a part of the next slide to be visible while the previous one is still displayed.                                                                      |
| Items per row       | In mobile view, the number of items displayed on each row in the grid layout can be customized to suit your preferences and the overall design of your site. |

## **Scrolling settings**

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F0UOQpqOYyhImdrOiiOHD%2Fimage.png?alt=media&amp;token=2248bbd8-86d5-4a29-bd89-8f43fbadc211" alt=""><figcaption></figcaption></figure>

| Setting            | Description                                                                                   |
| ------------------ | --------------------------------------------------------------------------------------------- |
| Speed              | Adjust the speed of the scrolling effect (measured in seconds) for smoother transitions.      |
| Space between text | Set the spacing between text items during scrolling for better readability and visual appeal. |

## **Section padding**

Section padding allows you to specify the space between this section and the preceding or following sections, or both.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2F8potnnLIkgcL4uarQACq%2Fimage.png?alt=media&amp;token=3c6883e3-57af-467e-a021-b65397506ddf" alt=""><figcaption></figcaption></figure>

## Block settings

Each brand can be configured with a logo image and a corresponding link.

<figure><img src="https://1163507529-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAGMtjb3mOlhr9pzqKwM0%2Fuploads%2FUjJ0irTAWS4HhpwxP1GX%2Fimage.png?alt=media&amp;token=0ce9059b-8691-44b8-a3ec-c344b3a77a49" alt=""><figcaption></figcaption></figure>