# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://shinedezign.gitbook.io/fame-documentations/overview/marquee-text.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.