# 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>Marquee text</td><td><p><strong>Enable autoplay</strong> <br>Select the checkbox to enable autoplay.  <br> <br><strong>Show marquee in a single row</strong><br>Select the checkbox to show the marquee text of all added blocks in one row instead of multiple rows.  <br><br><strong>Direction</strong>  </p><p>Select the direction: </p><p>-Right to left </p><p>-Left to Right <br></p><p><strong>Rotation angle</strong><br>Adjust the slider to set the direction of the marquee text. It tilts the text.<br><em>(Note: It is not applicable to the marquee text in a single row.)</em><br><br><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</p></td></tr><tr><td>Image</td><td><strong>Image</strong><br>Select any image to show above the marquee text. We recommend using the PNG image here to show the best look.<br><br><strong>Desktop minimum height</strong><br>Adjust the range bar to set the minimum height of the image along with the marquee text on the desktop.<br><br><strong>Mobile minimum height</strong><br>Adjust the range bar to set the minimum height of the image along with the marquee text on the mobile.</td></tr><tr><td>Single row marquee</td><td><p><strong>Scrolling speed</strong> <strong>desktop</strong></p><p>-Adjust the slider to set the scrolling speed between 5s to 100s on the desktop.<br><br><strong>Scrolling speed</strong> <strong>mobile</strong></p><p>-Adjust the slider to set the scrolling speed between 5s to 100s on the mobile.</p></td></tr><tr><td>COLOR</td><td><strong>Background</strong><br>Select any color for the background.<br><br><strong>Enable background effect</strong><br>Select this checkbox to show the background effect.<br><br><strong>Effect gradient</strong><br>Select any gradient to show in the background.<br><em>(Note: Add multiple color stops to view the animation.)</em></td></tr><tr><td>SECTION SPACING</td><td><p><strong>Top spacing (desktop)</strong> </p><p>Adjust the slider to add spacing at the top of the section for desktop view.  <br> </p><p><strong>Bottom spacing (desktop)</strong> </p><p>Adjust the slider 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 slider to add spacing at the top of the section for mobile view. </p><p> </p><p><strong>Bottom spacing (mobile)</strong> <br>Adjust the slider to add spacing at the bottom of the section for mobile view. </p></td></tr></tbody></table>

### Block settings

It has two blocks.

<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>Text</strong><br>Add text to show.</p><p></p><p><strong>Enable highlight text</strong></p><p>Select/deselect the checkbox to highlight the text by making it outlined. <br><em>(Note: Highlight text works on bold and italic text of the heading.)</em></p><p></p><p><strong>Outline stroke</strong> </p><p>Select outline stroke from the option: thin or thick. <br><br><strong>Enable text shadow</strong><br>Select this checkbox to show text shadow in the slideshow heading.<br><br><strong>Space between text</strong><br>-Adjust the range bar to set the space between the text blocks.<br></p><p><strong>Scrolling speed</strong> <strong>desktop</strong></p><p>-Adjust the slider to set the scrolling speed between 5s to 100s on the desktop.<br><br><strong>Scrolling speed</strong> <strong>mobile</strong></p><p>-Adjust the slider to set the scrolling speed between 5s to 100s on the mobile.</p></td><td></td></tr><tr><td>FONTS</td><td><p><strong>Font family</strong><br>Select the font family from the <strong>Heading</strong> or the <strong>Body</strong> font family. These can be set from the Theme settings> typography. <br><br><strong>Desktop font size</strong><br>Adjust the slider to select the font size for the desktop view.<br><br><strong>Mobile font size</strong><br>Adjust the slider to select the font size for the mobile view.<br><br>Background<br>Select any background color for the single-row marquee text. <br><em>(Note: It is only applicable to the marquee text in a single row.)</em><br><br><strong>Color</strong> </p><p>Select any color for the text. <br><br><strong>Highlight color</strong><br>Select any color for the highlighted text. <br><br><strong>Shadow color</strong><br>Select any color for the text-shadow. <br><br><strong>Custom SVG code</strong> <br>Add <strong>“SVG code”</strong> to show a custom icon. <br><br><strong>Make icon small</strong></p><p>Select/deselect this checkbox to make the icon small in size. <br></p><p><strong>Custom color</strong> </p><p>Add custom color to the icon.<br><br><strong>Use default color</strong>  </p><p>Select/deselect the checkbox to show/hide the icon's default color.  <br><br><strong>Space between text and icon</strong><br>Adjust this range bar to select the space between the text and the icon added in the marquee text.</p></td><td></td></tr></tbody></table>