> For the complete documentation index, see [llms.txt](https://meowcart.gitbook.io/lilyth-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://meowcart.gitbook.io/lilyth-theme/pages/collection-pages/collection-banner.md).

# Collection banner

The **Collection banner** section contains the following default blocks:

* [Collection image](#collection-image-block)
* [Collection title](#collection-title-block)
* [Collection description](#collection-description-block)

## Section settings

<table><thead><tr><th width="217">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Show breadcrumb</td><td>Show a breadcrumb navigation on top of section.</td></tr><tr><td>Color schema</td><td>A set of colors that you can apply to this section. <a href="https://help.shopify.com/en/manual/online-store/themes/theme-structure/color-scheme">Learn more.</a></td></tr><tr><td>Separator line</td><td><p>Display a line to visually separate this section from the other sections:</p><ul><li><strong>None</strong></li><li><strong>Top</strong></li><li><strong>Bottom</strong></li><li><strong>Top and bottom</strong></li></ul></td></tr></tbody></table>

## Section padding settings

<table><thead><tr><th width="208">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determine the height of the top inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Bottom padding</td><td>Determine the height of the bottom inner space of the section. Can be from 0px to 100px, increasing arithmetically of 1px (pixel).</td></tr></tbody></table>

## Block settings

### Collection image block

This block displays the featured image of a collection.

<table><thead><tr><th width="259">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Make image full width</td><td>Extend the image to be the width of the browser window.</td></tr><tr><td>Desktop image</td><td>Upload a image on desktop. This setting will override default image.</td></tr><tr><td>Mobile image</td><td>Upload a image on mobile. Mobile image will be resize from desktop if this setting is empty.</td></tr></tbody></table>

#### Block padding settings

<table><thead><tr><th width="208">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determine the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Bottom padding</td><td>Determine the height of the bottom inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr></tbody></table>

### Collection title block

This block displays collection title.

#### Block padding settings

<table><thead><tr><th width="208">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determine the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Bottom padding</td><td>Determine the height of the bottom inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr></tbody></table>

### Collection description block

This block displays collection description.

#### Block padding settings

<table><thead><tr><th width="208">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determine the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr><tr><td>Bottom padding</td><td>Determine the height of the bottom inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).</td></tr></tbody></table>