# Marquee

<figure><img src="https://3284033180-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fag3h7ZduRGWlquTgGUHi%2Fuploads%2FWcFqpPhmtSUjrs2Ii35G%2Fimage.png?alt=media&#x26;token=26d944d9-b611-44a7-afd8-67ff53ff9d18" alt=""><figcaption></figcaption></figure>

To add this section, please follow below steps:

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose "**Marquee**".

## Section Settings

### General

<table><thead><tr><th width="312">Settings</th><th>Meaning</th></tr></thead><tbody><tr><td>Negative top margin on desktop</td><td>Determine the section negative spacing from the top.</td></tr><tr><td>Background color</td><td>Apply the color to the background of the section.</td></tr><tr><td>Background gradient</td><td>Apply the gradient to the background of the section.</td></tr><tr><td>Border</td><td>Select the border for the section. There are 4 options:<br><br><mark style="color:orange;"><strong>None</strong></mark><br><mark style="color:orange;"><strong>Top</strong></mark><br><mark style="color:orange;"><strong>Bottom</strong></mark><br><mark style="color:orange;"><strong>Top &#x26; bottom</strong></mark></td></tr><tr><td>Border color</td><td>The color of the section border.</td></tr><tr><td>Text font family</td><td><p>Select font type for the block text: <br></p><p><mark style="color:orange;"><strong>Font family #1</strong></mark> </p><p><mark style="color:orange;"><strong>Font family #2</strong></mark></p></td></tr><tr><td>Text font size</td><td>The font size of the block text.</td></tr><tr><td>Text font weight</td><td>Select the font weight of the block text to be either Normal, Medium, Semibold, Bold, Extra bold, or Black.</td></tr><tr><td>Text letter spacing</td><td>Enter the letter spacing for the text on the section.</td></tr><tr><td>Spacing between blocks</td><td>Determines the gap between each block item.</td></tr><tr><td>Icon</td><td>Select the icon to show it before the block text. There are 4 options:<br><br><mark style="color:orange;"><strong>None</strong></mark><br><mark style="color:orange;"><strong>Thunder</strong></mark><br><mark style="color:orange;"><strong>Thunder Light</strong></mark><br><mark style="color:orange;"><strong>Fire</strong></mark></td></tr><tr><td>Icon color</td><td>The color of the icon.</td></tr></tbody></table>

### Mobile

<table><thead><tr><th width="315">Settings</th><th>Meaning</th></tr></thead><tbody><tr><td>Text font size on mobile</td><td>The font size of the block text in mobile.</td></tr><tr><td>Border color on mobile</td><td>The color of the section border on mobile.</td></tr><tr><td>Icon color on mobile</td><td>The color of the icon on the mobile.</td></tr></tbody></table>

### Section top padding

<table><thead><tr><th width="334">Settings</th><th>Meaning</th></tr></thead><tbody><tr><td>Desktop</td><td>Determines the height of the top inner space of the section on the desktop device. Can be from 0px to 200px, increasing arithmetically of 5px (pixel).</td></tr><tr><td>Tablet</td><td>Determines the height of the top inner space of the section on the tablet device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).</td></tr><tr><td>Mobile</td><td>Determines the height of the top inner space of the section on the mobile device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).</td></tr></tbody></table>

### Section bottom padding

<table><thead><tr><th width="334">Settings</th><th>Meaning</th></tr></thead><tbody><tr><td>Desktop</td><td>Determines the height of the bottom inner space of the section on the desktop device. Can be from 0px to 200px, increasing arithmetically of 5px (pixel).</td></tr><tr><td>Tablet</td><td>Determines the height of the bottom inner space of the section on the tablet device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).</td></tr><tr><td>Mobile</td><td>Determines the height of the bottom inner space of the section on the mobile device. Can be from 0px to 100px, increasing arithmetically of 5px (pixel).</td></tr></tbody></table>

## Block Settings

### \[BLOCK] Content

<table><thead><tr><th width="320">Settings</th><th>Meaning</th></tr></thead><tbody><tr><td>Text</td><td>Enter the text for the block. </td></tr><tr><td>Text color</td><td>The color of the block text.</td></tr><tr><td>Text color mobile</td><td>The color of the block text on mobile.</td></tr><tr><td>Background color</td><td>The background color of the block text.</td></tr><tr><td>Show text underline</td><td>Display a underline for the block text.</td></tr></tbody></table>