# Information line

{% hint style="info" %}
**Add section -> Information line**
{% endhint %}

## Information line

### Title

  Here you can write a **Title** if needed.

### Type

 In this section, you can choose the type of an Information line. There are 2 types:

{% tabs %}
{% tab title="Type #1" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MdqzJSQipy4MbZt7C5T%2F-Mdr-cF2RgfewYhaOrCf%2FScreenshot_1.png?alt=media\&token=9a0962b0-ab61-4d62-a8f9-ebb84df0997a)
{% endtab %}

{% tab title="Type #2" %}
![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MdXTYAFFLFniMhyGdv2%2F-MdXV4aMker1vzFPOf9X%2FScreenshot_13.png?alt=media\&token=8fe1c0a5-dff8-472a-b82e-11faaaa60d17)
{% endtab %}
{% endtabs %}

### Colorize style

  Select the style in the **“Colorize style”** dropdown list. There are five available styles:

{% tabs %}
{% tab title="Style #1" %}
![With the separator both above and below the Information line](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MdqzJSQipy4MbZt7C5T%2F-Mdr13fb1O_nWjJLJLtw%2FScreenshot_2.png?alt=media\&token=644e2faf-ded7-48d2-9d8e-3e292de18246)
{% endtab %}

{% tab title="Style #2" %}
![With the separator only above the Information line](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MdqzJSQipy4MbZt7C5T%2F-Mdr1mWFI1uaI_KHsgrG%2FScreenshot_3.png?alt=media\&token=db652895-eeea-48b7-9ecd-bdc5eafbb255)
{% endtab %}

{% tab title="Style #3" %}
![Without a separator ](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MdqzJSQipy4MbZt7C5T%2F-Mdr2-8W2pJaAYwVJFNU%2FScreenshot_4.png?alt=media\&token=fb3d5fb0-43aa-4fb6-a917-8009040c0e18)
{% endtab %}

{% tab title="Style #4" %}
![With the black background and grey/white text lines](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MdqzJSQipy4MbZt7C5T%2F-Mdr2MInF-Rd2PJWrY2B%2FScreenshot_5.png?alt=media\&token=edec665a-4542-46d0-ac70-5651e97c2cb7)
{% endtab %}

{% tab title="Style #5" %}
![With black background and only white text lines](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MdqzJSQipy4MbZt7C5T%2F-Mdr2iK5NUnokxKCRE8V%2FScreenshot_6.png?alt=media\&token=952af35b-70dc-4a58-b098-26ca4ce592ef)
{% endtab %}
{% endtabs %}

## Content

&#x20;In order to have some information in this line, you need to add the content blocks. Simply click on **“Add Content”**. In each content block, you have 4 fields that you can fill in with the information you want to be displayed on your home page. In the **“Icon snippet name”** field you can insert any snippet which suits best for your shop. The list of the snippets you can find [<mark style="color:blue;">**here**</mark>](https://shella-demo.myshopify.com/pages/icons). In the **“Title”** write the title of the information block. In the **“Paragraph”**, write the information text. In the **“URL”**, you can insert the link to which the customers will be redirected when clicking on the information block.

&#x20;We have added the content for the block, and this is what we have got:

![](https://1204500216-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-McsaSlZSE2uMqzAxy2S%2F-MdXX6qHjKz2fyEFO3Bq%2F-MdXY7nNuQoWL7PPX3QJ%2FScreenshot_14.png?alt=media\&token=0fcba3a9-072c-418a-9d46-3d19d7aae185)