# Dynamic Theme Sections

Use the dynamic theme sections to add varied content to pages. The theme supports displaying sections on such webpages: Home page, [<mark style="color:blue;">Products</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/products), [<mark style="color:blue;">Collections</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/collections), [<mark style="color:blue;">Collections list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/collections-list) page, [<mark style="color:blue;">Blogs</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/blogs), [<mark style="color:blue;">Blog posts</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/blog-posts), [<mark style="color:blue;">Cart</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/cart), [<mark style="color:blue;">404 page</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/404-page), [<mark style="color:blue;">Password</mark> ](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/password)page, [<mark style="color:blue;">Search</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/page-categories/search) page, and Pages.

{% hint style="success" %}
**Tip:** Use the top drop-down menu to choose a page and set it up according to your needs.
{% endhint %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FHd8kpj8KUAWr8hoObDFl%2Feditor_pages.png?alt=media&#x26;token=0811e214-1adc-42ac-9bcb-190b7a64ee55" alt=""><figcaption></figcaption></figure>

Each dynamic section can be added, removed, or hidden:

{% hint style="success" %}
**Tip:** To add a section, press the **"Add section"** button and decide on the necessary one from the list:
{% endhint %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fk3QbLWIbrSsiE2ei1Acx%2Feditor_add%20section.png?alt=media&#x26;token=edc40387-cd57-4fee-a466-9948f8e525f1" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:** Some sections contain a list of customizable blocks. To add a block, hover over the section title and click the plus button.
{% endhint %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FdNoO46AraBsTkOfZW9XP%2Feditor_add%20block.png?alt=media&#x26;token=9484496d-1adc-4cc0-a748-6422237a0eec" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Note!** The identical list of Theme sections can be used in the Header and Footer:
{% endhint %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FlFQgjFNTwj7g1DH0thLd%2Feditor_add%20sections.png?alt=media&#x26;token=486c81fb-6bdf-4ccb-ac10-2f99a5623635" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:** The section will be removed once you press the **"Remove section"** button at the very bottom of each section:
{% endhint %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FNdBL5wTJKVpZ38tL3Vqn%2Fsection_remove.png?alt=media&#x26;token=0b3da394-e22c-4892-b870-7217f9e52c73" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:** If you need to hide a section, press the eye icon next to the section name:
{% endhint %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FEZmx54uiD0vviSEIwpLg%2Fhide_section.png?alt=media&#x26;token=2d534471-3905-4e04-a058-52d9702fa4ee" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:** To duplicate a section, open the related one and press the dotted \[...] button next to the section's name. Then, you can choose the **"Duplicate"** option from the list:
{% endhint %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F5BZkMcLE4OtBa3isagbe%2Fduplicate_section.png?alt=media&#x26;token=9759c777-0cae-4ad5-8c6f-bd413151d167" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:** Drag and drop sections to arrange them in the desired order on a page:
{% endhint %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FS7typvrRbMHbhonnszBR%2Feditor_move%20section.png?alt=media&#x26;token=35b7a448-24b5-4e81-9148-8217cd5fa2e3" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Tip:** If you need to edit, hide, or remove a section, you can easily find it using the Theme Inspector. Activate the Inspector at the top toolbar of the Theme Editor. Then, hit the desired section to open its settings:
{% endhint %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FAF1Gick2NqX9jEBQc9Jg%2Ftheme%20inspector.png?alt=media&#x26;token=5fd23083-eee3-497e-a632-669957522d0d" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Note!** Each section includes various settings to change its layout. The number of options depends on the section.
{% endhint %}

## Image

**Image overlay gradient**

Use the setting in such sections: Before/after image ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/before-after-image#image-1)" block), Collage ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collage/image)" block), Featured collage ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collage/image#image)" block), [<mark style="color:blue;">Featured promotions</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions) (content blocks), [<mark style="color:blue;">Image with text overlay</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay), Popup ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/popup/image)" block), and Slideshow ("[<mark style="color:blue;">Slide</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/slideshow#image)" block).

In the  **"Gradient"**, you can paste your **CSS** element. Or use the built-in **Gradient**, which can be changed to linear or radial. You can set the angle of a gradient in the percentage input box. If you need a complex set of colors for special effects, create up to 10 color-stop points by simply pressing on a gradient line or using the "+" and "-" symbols.

{% file src="<https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fx2ndDjcLYWohgyzyrHsv%2FImage%20overlay%20gradient.mp4?alt=media&token=ff6d2dfd-717a-49f6-a547-9587a71396b2>" %}

Press each color-stop point on a gradient line to apply color settings. The position and color value for a color-stop point can be set as a percentage or within a gradient line itself. Here, you can paste the specific color hex code into the corresponding field. Or change the color on a color slider. Change the gradient transparency with the second color slider or the percentage input box. To remove the gradient, click the **"Remove Gradient"** button.

{% file src="<https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F4zL5xzdfcohmB2GLJfTS%2FColor%20stop%20points.mp4?alt=media&token=833576c9-e32e-4130-9819-abce6f37a8dd>" %}

In the following example, you can see the settings that can be applied to the **Media overlay opacity** with a value of 56 %:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FZ1tnOwf6dLna3F7Sqlt0%2Fmedia%20overlay%20opacity.png?alt=media&#x26;token=653abc25-5406-4197-ac5c-b79ca9275893" alt=""><figcaption></figcaption></figure>

## Video

The video settings can be used in the following sections:

* Video from URL: Collage ("[<mark style="color:blue;">Video</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collage/video)" block).
* Video file/ Video from URL: [<mark style="color:blue;">Image with text overlay</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay), [<mark style="color:blue;">Media</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/media), [<mark style="color:blue;">Reels</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/reels#video-1).

## Heading

The heading font size can be changed to "Small", "Medium", or "Large". These settings can be configured in such sections: [<mark style="color:blue;">Bedore/after image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/before-after-image), [<mark style="color:blue;">Blog posts</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/blog-posts), [<mark style="color:blue;">Brand list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/brand-list), [<mark style="color:blue;">Collage</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collage), [<mark style="color:blue;">Collage of images</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collage-of-images), [<mark style="color:blue;">Collection list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collection-list), [<mark style="color:blue;">Collection slider</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collection-slider), [<mark style="color:blue;">Countdown timer</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/countdown-timer), [<mark style="color:blue;">FAQ</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/faq), [<mark style="color:blue;">Featured collage</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collage#featured-collage), [<mark style="color:blue;">Featured collection</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collection), [<mark style="color:blue;">Featured promotions</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions), Image with text overlay ("[<mark style="color:blue;">Heading</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay/heading)" block), [<mark style="color:blue;">Image gallery</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-gallery), [<mark style="color:blue;">Lookbook</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/lookbook#lookbook), [<mark style="color:blue;">Map</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/map), [<mark style="color:blue;">Media</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/media), [<mark style="color:blue;">Multicolumn</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/multicolumn), [<mark style="color:blue;">Reels</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/reels#reels), Rich text ("[<mark style="color:blue;">Heading</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/rich-text/heading)" block), [<mark style="color:blue;">Tags</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/tags), and [<mark style="color:blue;">Testimonials</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/testimonials).

In the following examples, you can view each heading's font size:

{% tabs %}
{% tab title="Small" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FDdmx4G4ocMWfbrDpPt6Q%2Fheading%20size_small.png?alt=media&#x26;token=e9c196a6-0b0c-48df-ba5a-7a001d36ce21" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Medium" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FdEO8u80xHmRX1YOLDVcy%2Fheading%20size_medium.png?alt=media&#x26;token=a9b0c1a9-5e45-4484-943a-2bb43345d5ba" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Large" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F0nDPcR0noIxPzSp0GHrU%2Fheading%20size_large.png?alt=media&#x26;token=10c8cb12-a2e8-4c54-8356-b8406a4fe403" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

In addition to the sections listed above, the Heading and Description options include the following sections: [<mark style="color:blue;">Contact form</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/contact-form) and Email signup (the "[<mark style="color:blue;">Heading</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/email-signup/heading)" and "[<mark style="color:blue;">Subheading</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/email-signup/subheading)" blocks).

Here is how the Heading settings might be displayed in sections:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FQRy4J5VkSq1RUu4RTyQh%2Fheading_settings.png?alt=media&#x26;token=c1e86b25-68fb-416e-a4d3-739f641c4e39" alt=""><figcaption></figcaption></figure>

## Description

Check the Description settings below:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FgtJ9Egr8ezxrUXozpRZ5%2Fsections_description.png?alt=media&#x26;token=9d218de9-aa93-41ee-8544-f1afbda0a79c" alt=""><figcaption></figcaption></figure>

## Text

Settings from this sub-section are allowed to be set up in the following sections: Before/after image ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/before-after-image#text)" block), Collage ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collage/image#layout)" block), Featured collage ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collage/image#layout)" block), Featured promotions ("[<mark style="color:blue;">Content, Text on image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions/content-text-on-image#layout)" and "[<mark style="color:blue;">Content, Button on image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions/content-button-on-image#layout)" blocks), [<mark style="color:blue;">Image with text overlay</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay#text), and Slideshow ("[<mark style="color:blue;">Slide</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/slideshow#text)" block).

In the **"Position",** control the desktop text position in the banner to display in the "Top", "Center", or "Bottom". Each of the options contains the settings, such as "Left", "Center", and Right".

In the following examples, you can view a few text positions:

{% tabs %}
{% tab title="Top left" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FzpdbzkYVq2AFVAp34leK%2Fposition_top%20left.png?alt=media&#x26;token=6a082e76-40bb-4336-b80d-814f0f8d42cc" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Center right" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FNKpZZBAEGMfpqXGackMy%2Fposition_center%20right.png?alt=media&#x26;token=149faca6-c7c9-4621-ad3c-4495c1699a63" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bottom left" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FLuUN2E5HnKKgtXs6CWeB%2Fposition_bottom%20left.png?alt=media&#x26;token=41a2ea5c-95ae-45f7-8a37-bc65ccf55fd2" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

The **"Alignment"** is available to set on the "Left", "Center", or "Right" sides:

{% tabs %}
{% tab title="Left" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FrDJCDmCebxBpPJW1Zfww%2Falignment_left.png?alt=media&#x26;token=e5a0285a-fac9-4c07-9201-805ea6a06725" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Center" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FVvQbIadskrmOB08TULqe%2Falignment_center.png?alt=media&#x26;token=b608665b-63f6-41b8-b83a-42a96bb6077c" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Right" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FgJGSquG8JC2gtFf7PA83%2Falignment_right.png?alt=media&#x26;token=73af49da-2a57-4d36-b0db-257a0b221307" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

In the following example, you can see settings applied to the **Content box** on the desktop view:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fj4yf1f7eOeQY8OOTne7D%2Fimage%20with%20text_content%20box.png?alt=media&#x26;token=1f45b748-fd10-4d96-9596-b448cf97171d" alt=""><figcaption></figcaption></figure>

Here is how the text box desktop **Width** changes after setting it to 70% on the scale:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FOTPbUtABPWuyBspYaX3E%2Fcontent%20box_width.png?alt=media&#x26;token=e66f0f7c-3e80-4f14-8ac7-e402280b19f7" alt=""><figcaption></figcaption></figure>

## Layout

Use the layout settings in the sections: [<mark style="color:blue;">Before/after image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/before-after-image#layout), [<mark style="color:blue;">Blog posts</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/blog-posts#layout), [<mark style="color:blue;">Brand list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/brand-list#layout), [<mark style="color:blue;">Collage</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collage#layout), [<mark style="color:blue;">Collection list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collection-list#layout), [<mark style="color:blue;">Contact form</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/contact-form#layout),  [<mark style="color:blue;">Email signup</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/email-signup#layout), [<mark style="color:blue;">FAQ</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/faq#layout), [<mark style="color:blue;">Featured collage</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collage#layout), [<mark style="color:blue;">Featured collection</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collection#layout), [<mark style="color:blue;">Featured collection tabs</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collection-tabs#section-layout), [<mark style="color:blue;">Featured promotions</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions#layout), [<mark style="color:blue;">Image gallery</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-gallery#layout), [<mark style="color:blue;">Media</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/media#layout), [<mark style="color:blue;">Multicolumn</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/multicolumn#layout), [<mark style="color:blue;">Reels</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/reels#content), [<mark style="color:blue;">Rich text</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/rich-text#layout), and [<mark style="color:blue;">Testimonials</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/testimonials#layout).

Most of the listed sections include three layouts: "In-grid heading", "Heading on top", and "Heading top center".

Let's review each of them:

{% tabs %}
{% tab title="In-grid heading" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FuCvkvPIi9pDfP9J3b9TC%2Flayout_in-grid%20heading.png?alt=media&#x26;token=8a8f35e1-b9b0-4183-9535-d0ea0abd9be9" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Heading on top" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F0PsqssVhhCYnKx6BSQkj%2Flayout_heading%20top.png?alt=media&#x26;token=6ce77df2-845c-46ad-8ca5-3dd2ec280860" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Heading top center" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FYVGjAlVNc6Rzpb1F8Xqq%2Flayout_heading%20top%20center.png?alt=media&#x26;token=57fcc826-bb23-48fd-aeb2-509524efe328" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

The following settings can be found in each section, except the Custom Liquid:

The **"Dividing line"** is available to set up at the "Top" or "Bottom" of a section:

{% tabs %}
{% tab title="Top" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fs1NZEg3MQ1U3vYn8A2qW%2Fdividing%20line_top.png?alt=media&#x26;token=fbd598dd-1e21-4c64-a977-8f68574c3387" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Bottom" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FxG0TVGxcXvl4Ss3hdRty%2Fdividing%20line_bottom.png?alt=media&#x26;token=c42dcaee-863a-4f55-8e65-9c56ff28cfd2" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

Here is how the **"Top spacing"** and **"Bottom spacing"** might display in a section:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FIgta7iGqR1ZlJKooXg0h%2Ftop%26bottom%20spacing.png?alt=media&#x26;token=5a6c0b4a-5297-4d96-ba6e-44b95b314be7" alt=""><figcaption></figcaption></figure>

## Mobile settings

Find the **"Text position"** options in the following sections: Featured collage ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collage/image#mobile-settings)"), Featured promotions ("[<mark style="color:blue;">Content, Text on image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions/content-text-on-image#mobile-settings-1)"), Image with text overlay ("[<mark style="color:blue;">Mobile settings</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay/mobile-settings)"), and "[<mark style="color:blue;">Slideshow</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/slideshow#mobile-settings)".

{% tabs %}
{% tab title="Below image" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Flz4CyTksGizTLI9rWE6C%2Fmobile%20text_below%20image.png?alt=media&#x26;token=db7d5c01-63d0-4d08-92cb-5b2efe12b93f" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Over the image, top" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FQ1rNolwMW1O7wgt70dDi%2Fmobile%20text_over%20image%20top.png?alt=media&#x26;token=96553f3c-7b63-42c2-95cf-f889a3bec0d3" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Over the image, middle" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FE5uSOq6AcVXjuhvuBhvB%2Fmobile%20text_over%20image%20middle.png?alt=media&#x26;token=0bf36e28-82c9-499e-b4ad-67fc6db8c060" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Over the image, bottom" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F4WAdiGMEWnQqhFlgMdrj%2Fmobile%20text_over%20image%20bottom.png?alt=media&#x26;token=40787960-4129-47c8-9807-cab72882f5b6" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

The **"Text alignment"** settings can be set in the following sections: Before/after image ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/before-after-image#mobile-settings-1)" block), [<mark style="color:blue;">Featured collage</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collage#layout), [<mark style="color:blue;">Featured promotions</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions#mobile-layout), Image with text overlay ("[<mark style="color:blue;">Mobile settings</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay/mobile-settings)" block), and [<mark style="color:blue;">Slideshow</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/slideshow).

In the following examples, you can view each option:

{% tabs %}
{% tab title="Left" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FGkepN049Z3m3emwQtHNC%2Fmobile%20text%20align_left.png?alt=media&#x26;token=c8063a89-470a-4f1d-a834-0fc3e8a190f2" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Center" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FpnS0iCxcb8rlmFmwKOTW%2Fmobile%20text%20align_center.png?alt=media&#x26;token=f07aefe1-dac1-4a3f-aba3-24b5843fead1" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Right" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FTdPga2Yotfj9gdAle1bc%2Fmobile%20text%20align_right.png?alt=media&#x26;token=f26a23fc-378a-4430-ac31-9386ab70cfb2" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## Content

**Image ratio**

The content layout can be changed in the following sections: [<mark style="color:blue;">Brand list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/brand-list#content), [<mark style="color:blue;">Collection list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collection-list#content), [<mark style="color:blue;">Countdown timer</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/countdown-timer#content), [<mark style="color:blue;">Featured collage</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collage#product-card), [<mark style="color:blue;">Featured collection</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collection#product-card), [<mark style="color:blue;">Featured collections</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collections#product-card), [<mark style="color:blue;">Image gallery</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-gallery#content), [<mark style="color:blue;">Lookbook</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/lookbook#product-card), [<mark style="color:blue;">Map</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/map#content), [<mark style="color:blue;">Multicolumn</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/multicolumn#content), and [<mark style="color:blue;">Reels</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/reels#product-card).

{% tabs %}
{% tab title="Portrait" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2Fk9Ne9cvkAIH08040Br91%2Fimage%20ratio_portrait.png?alt=media&#x26;token=6dd78db3-d9cc-4ee1-94dc-3734494a0d04" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Square" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FRWjkIZSwtk2ZTFd3tdYN%2Fimage%20ratio_square.png?alt=media&#x26;token=27dbd8fa-6115-4c31-b62a-8676e4bbbd1e" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Landscape" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F1RSQZ3P9Gr7uqU4WGYGN%2Fimage%20ratio_landscape.png?alt=media&#x26;token=690c0fac-27e5-46ce-8135-7ab52b17ec3d" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Circle" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F9Yw0GjBTTHq5AogzXMOY%2Fimage%20ratio_circle.png?alt=media&#x26;token=ef939de9-8e3f-429b-a7d1-b1059e6850c9" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

**Swipe on mobile**

Enable or disable the option in the blocks: [<mark style="color:blue;">Blog posts</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/blog-posts#content), [<mark style="color:blue;">Brand list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/brand-list#content), [<mark style="color:blue;">Collection list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collection-list#content), [<mark style="color:blue;">Featured collection</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collection#content), [<mark style="color:blue;">Featured collection tabs</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collection-tabs#content), [<mark style="color:blue;">Image gallery</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-gallery#content), and [<mark style="color:blue;">Multicolumn</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/multicolumn#content).

Here is how it might display on a mobile view:

{% tabs %}
{% tab title="List" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FiEs94RS7qq4KYrcwL9Wp%2Fmobile_list.png?alt=media&#x26;token=eb21f8c0-6601-448f-b1f4-10ee68551aba" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Swipe" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FUddILfrqcMmmdo19Vze7%2Fmobile_swipe.png?alt=media&#x26;token=d6bbadf5-fb9c-4012-832a-70ab8c879e45" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

The "Standard", "Wide", and "Fixed" options (The number of options depends on the section!) can be set in the **"Width"** picker. The settings are available in the [<mark style="color:blue;">Featured promotions</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions#content), [<mark style="color:blue;">Image with text overlay</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay#layout), and [<mark style="color:blue;">Slideshow</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/slideshow) sections:

{% tabs %}
{% tab title="Standard" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FUeSs6W1KUYV7mdMNlyT8%2Fwidth_standard.png?alt=media&#x26;token=8ab2bc57-cb1b-4530-89d0-26592e5f0e13" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Wide" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F41UlSnRgyjoxloopCMwq%2Fimage%20with%20text_wide.png?alt=media&#x26;token=572afcda-621d-42ce-954c-a967a76f2f13" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Fixed (900 px)" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FsJhnKRbeum67JOKJ2JU4%2Fwidth_fixed%20min.png?alt=media&#x26;token=79e87363-0c93-498a-8e21-169d921f8418" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Fixed (1450 px)" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FSD0NhUfUH845fxCY9lLE%2Fwidth_fixed%20middle.png?alt=media&#x26;token=bb62276f-5fd2-4f63-ba93-5537361a3822" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## Animation

The current settings include such sections: [<mark style="color:blue;">Before/after image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/before-after-image#animation), Collage ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collage/image#animation)" block), [<mark style="color:blue;">Collage of images</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collage-of-images#animations), Featured collage ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collage/image#desktop-hover-animation)" block), [<mark style="color:blue;">Featured promotions</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions#animation), and [<mark style="color:blue;">Image with text overlay</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay#animation). The number of options depends on the section.

Use the **"Hover animation"** to configure: "Zoom in", "Zoom out", "Zoom in, add overlay opacity", "Zoom out, add overlay opacity", or "Add overlay opacity" features.

In the following examples, you can view the difference in changing animation settings:

{% tabs %}
{% tab title="Zoom in" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F6AMkPD1Rmfy1r6WGywBn%2Fanimation_zoom%20in.gif?alt=media&#x26;token=13e6f7d4-a75d-4e7c-b2a3-2d00375325b2" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Zoom out" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F3lc5JOpyxzF0TRyp96NI%2Fanimation_zoom%20out.gif?alt=media&#x26;token=d42e6e8b-99a5-4959-a0a5-425bddde49d9" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Zoom in, add overlay opacity" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FcLIGWJT4oTT7LJpMrn5C%2Fanimation_zoom%20in%20overlay.gif?alt=media&#x26;token=09379223-c0e4-4485-b3f4-efcc1f4050aa" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Zoom out, add overlay opacity" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2F9aQn4IhL0QPOYuAclc5l%2Fanimation_zoom%20out%20overlay.gif?alt=media&#x26;token=fbd31d03-f1a3-4212-b6e2-2bf59cf9f7ac" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Add overlay opacity" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FwXQ5GFivA4YvNOpWPrUB%2Fanimation_overlay.gif?alt=media&#x26;token=e7359f6c-2984-4955-8797-cf905a9752bb" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

## Buttons&#x20;

This block is available in the following sections: [<mark style="color:blue;">Before/after image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/before-after-image#button-second-button), [<mark style="color:blue;">Brand list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/brand-list#button), Collage ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collage/image#button-second-button)" block), [<mark style="color:blue;">Collage of images</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collage-of-images#button-second-button), [<mark style="color:blue;">Countdown timer</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/countdown-timer), Featured collage ("[<mark style="color:blue;">Image</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collage/image#button-second-button)" block),  [<mark style="color:blue;">Featured promotions</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-promotions) (content blocks), Image with text overlay ("[<mark style="color:blue;">Buttons</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-with-text-overlay/buttons)" block), [<mark style="color:blue;">Image gallery</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/image-gallery#button-second-button), [<mark style="color:blue;">Lookbook</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/lookbook), [<mark style="color:blue;">Media</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/media#button-second-button), [<mark style="color:blue;">Multicolumn</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/multicolumn#button-second-button), Popup ("[<mark style="color:blue;">Buttons</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/popup/buttons)" block), [<mark style="color:blue;">Reels</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/reels#button-second-button), Rich text ("[<mark style="color:blue;">Button</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/rich-text/button)" block), and Slideshow ("[<mark style="color:blue;">Slide</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/slideshow#button-second-button)" block).

The **"Style"** can be changed to "Primary", "Secondary", or "Link style".&#x20;

Here is how each of the button styles is represented in the theme:

{% tabs %}
{% tab title="Primary" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FCaZlBrS4MrmIZe9Tllzv%2Fbutton_primary.png?alt=media&#x26;token=b3ced0da-c0c1-4b8b-965d-849eff81931d" alt=""><figcaption><p>This setting specifies the green color of the button's background and the white text color.</p></figcaption></figure>
{% endtab %}

{% tab title="Secondary" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FmlBIwLQuayRb6IhX9JHz%2Fbutton_secondary.png?alt=media&#x26;token=d746c363-5f30-4092-8aa9-f9ae5700da15" alt=""><figcaption><p>This button style indicates by a transparent background with a green border and text.</p></figcaption></figure>
{% endtab %}

{% tab title="Link style" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FMvB70kzLOkvThocrCR1J%2Fbutton_link.png?alt=media&#x26;token=50e31182-a385-4910-b8a6-8f0ca98b6883" alt=""><figcaption><p>Use the button style to display buttons colorized in green as links with the underlined effect on the mouse hover.</p></figcaption></figure>
{% endtab %}
{% endtabs %}

### **Button "View All"**

Find the "View All" button in [<mark style="color:blue;">Blog posts</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/blog-posts#button-view-all), [<mark style="color:blue;">Collection list</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/collection-list#button-view-all), [<mark style="color:blue;">Featured collage</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collage#button-view-all), [<mark style="color:blue;">Featured collection</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collection#button-view-all), [<mark style="color:blue;">Featured collections</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collections#button-view-all), and [<mark style="color:blue;">Featured collection tabs</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections/featured-collection-tabs#button-view-all).

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FreoSre45d9JZCkeoa2E3%2Fbutton_view%20all.png?alt=media&#x26;token=3a0cbf1e-24f5-4ff3-aef8-4135b91e4c05" alt=""><figcaption></figcaption></figure>

If you need to edit texts for the **"View All"** buttons, press the dotted \[**...**] menu next to the theme name to open the "Edit default theme content" chapter in your Shopify admin:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FeDiPQFBzaPy8GXV5yiMp%2Fedit%20content_editor.png?alt=media&#x26;token=2b58b23f-d946-4a0c-8169-72686d08f70c" alt=""><figcaption></figcaption></figure>

Here you can press the tab **"Sections"**:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FZvy8qr4wdpg5rMZZpPVM%2Ftheme%20content_admin.png?alt=media&#x26;token=c484e229-f548-4e1d-824e-f8b3bb7fbd1c" alt=""><figcaption></figcaption></figure>

Then, scroll down and edit texts for the required sections under the **"View all"** fields:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FuGGIf7NruFA09xh7TQ9K%2Fadmin_view%20all%20btn.png?alt=media&#x26;token=b6e66c8f-4d39-40b1-896b-c92a7b752b5d" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Note!** Under the **"Edit default theme content"**, you can edit most of the texts that are not allowed to be changed in the Theme Editor.
{% endhint %}