# Marquee text

### Configure marquee text

Select the customize theme option. Click on the dropdown menu at the top to select the **Home page** template**.**

From the left side menu, select **Marquee text.**

Customize the **Marquee text** section by utilizing the setting on the right side of the theme editor as described below:

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>General</td><td><p><strong>Section visibility</strong><br>Select from the options to select the visibility of this section:<br>-Always<br>-Small devices only(On selecting this, the section will be visible on mobile devices only.)<br>-Large devices only<br><br><strong>Direction</strong><br>Select the direction: </p><p>-Right to left </p><p>-Left to Right <br><br><strong>Desktop scrolling speed</strong><br>Adjust the range bar to set the scrolling speed between 5s to 100s on the desktop.<br><br><strong>Mobile scrolling speed</strong><br>Adjust the range bar to set the scrolling speed between 5s to 100s on the mobile.<br><br><strong>Desktop heading size</strong><br>Adjust the range bar to set the heading size between 20s to 150s on the desktop.<br><br><strong>Mobile heading size</strong><br>Adjust the range bar to set the heading size between 20s to 100s on the mobile.<br><br><strong>Desktop image size</strong><br>Adjust the range bar to set the image size between 44s to 200s on the desktop.<br><br><strong>Mobile image size</strong><br>Adjust the range bar to set the image size between 20s to 100s on the mobile.</p></td></tr><tr><td>Colors</td><td><strong>Color Scheme</strong><br>Select any color scheme defined in the Theme settings>Colors>Schemes.</td></tr><tr><td>Section Padding</td><td><p><strong>Top spacing (desktop)</strong> </p><p>Adjust the range bar to add spacing at the top of the section for desktop view.  <br> </p><p><strong>Bottom spacing (desktop)</strong> </p><p>Adjust the range bar to add spacing at the bottom of the section for desktop view. </p><p> </p><p><strong>Top spacing (mobile)</strong> </p><p>Adjust the range bar to add spacing at the top of the section for mobile view. </p><p> </p><p><strong>Bottom spacing (mobile)</strong> <br>Adjust the range bar to add spacing at the bottom of the section for mobile view. </p></td></tr></tbody></table>

### Block settings

It has two blocks.

### Text block:

<table data-header-hidden><thead><tr><th width="274"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Text</td><td><p><strong>Heading</strong><br>Add text to show. <br><br><strong>Font family</strong><br>Select the font family from the heading or body fonts.<br></p><p><strong>Text style</strong></p><p>Select the text style from the following options:<br>-Solid<br>-Highlight(With this, the text will be outlined.)<br>-Gradient</p><p></p><p><strong>Outline stroke</strong> </p><p>Select outline stroke from the option: thin or thick. <br><em>Note that this setting works on the highlighted text style.</em></p></td><td></td></tr><tr><td>Colors</td><td><strong>Solid</strong><br>Select any color for the solid-styled text. <br><br><strong>Highlight text</strong><br>Select any color for the highlighted text. <br><br><strong>Gradient text</strong><br>Select any color for the gradient-styled text. </td><td></td></tr><tr><td>Space between blocks</td><td>Adjust the range bar to add spacing between the blocks.</td><td></td></tr></tbody></table>

### Icon block:

<table><thead><tr><th width="276"></th><th></th></tr></thead><tbody><tr><td>SVG code</td><td>Enter the SVG icon code.<br><em>Note that the SVG code has more priority than the image added in this block.</em></td></tr><tr><td>Custom color</td><td>Select any color for the SVG icon.</td></tr><tr><td>Use default color</td><td>Tick this checkbox to use the default color of the SVG icon added in the code.</td></tr><tr><td>Image</td><td>Select any image to show in case the SVG code is not available. </td></tr><tr><td>Space between blocks</td><td>Adjust the range bar to add spacing between the blocks.</td></tr></tbody></table>