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

# Collage

{% hint style="success" %}
This section contains the "[<mark style="color:blue;">Header</mark>](/unicorn-shopify-theme/dynamic-theme-sections/blocks/header.md)", "[<mark style="color:blue;">Collection products</mark>](/unicorn-shopify-theme/dynamic-theme-sections/collage/collection-products.md)", "[<mark style="color:blue;">Promotion</mark>](/unicorn-shopify-theme/dynamic-theme-sections/blocks/promotion.md)", and "[<mark style="color:blue;">Video</mark>](/unicorn-shopify-theme/dynamic-theme-sections/collage/video.md)" blocks. These blocks can be added only once.\
**Tip:** Press **"Add block"** to use the desired block. Each block can be added individually and customized in different ways.\
Drag and drop the block to the desired placement in the section.
{% endhint %}

### Media

**Reverse layout**\
Enable this option to reverse the order of the collage items from right to left. This lets you swap the position of the content and media, making it easy to create alternating layouts or achieve the desired visual arrangement.

### Layout options

{% hint style="success" %}
Check the layout option examples [<mark style="color:blue;">here</mark>](/unicorn-shopify-theme/dynamic-theme-sections.md#layout-options).
{% endhint %}

Change the "[<mark style="color:blue;">Header</mark>](/unicorn-shopify-theme/dynamic-theme-sections/blocks/header.md)" content group position using the picker:

* **"Stacked"**. Displays title elements above the media content and aligns them to the left.
* **"Centered"**. Shows the centered title elements above the media content.

**Dividing line**\
Add a divider by setting its position: "Top", "Bottom", or "Both". Select "None" to hide the divider.

**Top spacing /** **Bottom spacing**\
Decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.

### Transparent header

Allows the header to overlay the section when a transparent header is used.

**Use inverted header colors**\
Enable the option to link the color of the Header elements, such as navigation menus, Search, Compare, Account, and Cart icons, with the "[<mark style="color:blue;">Background</mark>](/unicorn-shopify-theme/theme-settings/colors.md#background)" item under *Theme settings -> Colors -> Primary colors*. If the option is disabled, the color of the Header elements is related to the "[<mark style="color:blue;">Base</mark>](/unicorn-shopify-theme/theme-settings/colors.md#base)" item.

<figure><img src="/files/c2bzwiBfAweT4PZr5QMF" alt=""><figcaption></figcaption></figure>