# FAQ

## FAQ

#### Heading <a href="#heading" id="heading"></a>

Use the **"Heading"** field to title the section. Start typing text in the field to view the additional settings:

The title size can be changed in the **"Size"** drop-down to "Small", "Medium", or "Large".

If you need to change a title color, use the **"Color"** picker. Here you can paste the hex code into the related field or select the color using the paint palette. The color settings will be used for both desktop and mobile.

### Content

If you want to display the collapsible tabs open on all screen sizes by default, activate the **"Open answer sections"** option.

### Section layout

The layout settings change the look and feel of the section.

Choose one of the options "In-grid heading", "Heading on top", or "Heading top center" in the **"Layout"** drop-down.

Use the **"Mobile alignment"** settings to change the alignment of the heading and description to "Left" or "Center". Leave the "Auto" option to use the pre-designed theme settings.

Decide on the position of the divider using the "Top", "Bottom", or "Both" options in the **"Dividing line"** drop-down. It will be hidden once you use the "None" option.

On the **"Top spacing"** and **"Bottom spacing"** scales, decide whether to add spaces at the top and bottom of the section. Control spacing settings from 0 to 100 pixels on each scale.

### Colors

Change the title and description text colors in the collapsible tabs using the **"Question"** and **"Answer"** pickers:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FvNqqB3oHyv77Ryzy32p3%2Ffaq_colors.png?alt=media&#x26;token=5f4e0578-56b7-4d11-8209-60f4ca2b9d56" alt=""><figcaption></figcaption></figure>

### Transparent header

The provided setting is applied to the "[<mark style="color:blue;">Header - transparent</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/advanced-settings)" feature.

Enable the **"Invert header colors"** to link the color of the Header elements, such as navigation menus, Search, Compare, Favourites, Account, and Cart icons, to the "[Background](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/colors#background)" item under *Theme settings -> Colors -> Primary colors*. If the option is disabled, the color of the Header elements is related to the "[Base](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/colors#base)" item.

In the following examples, you can view how the section might be displayed on desktop and mobile:

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

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FtnUIuRSjFpYYXdMAF7oq%2Ffaq_desktop.png?alt=media&#x26;token=8248a67d-e54b-41cd-9fc0-942fddd05a9b" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FrUsZNF63S1xf0Uitu4wc%2Ffaq_mobile.png?alt=media&#x26;token=cb33a3f1-22ee-48e9-9100-35f2973ea9fb" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

***

## Content

{% hint style="success" %}
**Tip:**  You can edit the tab's texts in the **"Content"** block. Add as many **"Content"** blocks as necessary to place numerous collapsible tabs in the section.
{% endhint %}

Use the **"Question"** field to insert the tab's title.

To edit the text that will be displayed inside the tab, insert paragraphs into the **"Answer"** input field.

Here is how the block might be displayed in the section:

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FZavA75FN2aMTG4S5r3pV%2Ffaq_content.png?alt=media&#x26;token=27058f9b-215d-4c94-bc53-b03cf07d1de9" alt=""><figcaption></figcaption></figure>