> For the complete documentation index, see [llms.txt](https://shinedezign.gitbook.io/genie/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://shinedezign.gitbook.io/genie/overview/marquee.md).

# Marquee

### Configure the section

Go to **Customize theme**. Click the dropdown menu at the top and select the **Home page** template.

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

Customize this section by using the setting on the right side of the theme editor, as described in the following table:

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Scrolling text</td><td><strong>Section visibility</strong><br>Select from the options to select the visibility of this section:<br>-Always<br>-Small devices(On selecting this, the section will be visible on mobile devices only.)<br>-Large devices<br><br><strong>Color scheme</strong><br>Select any color scheme defined in the theme settings>Colors>Schemes.<br><br><strong>Section background</strong><br>Choose the background color from solid or gradient. These colors can be managed in the assigned color scheme.<br><br><strong>Container width</strong><br>Choose the container width from below options:<br>- Global<br>- Extra small<br>- Small <br>- Regular <br>- Edges gap<br>- Fullwidth<br><br><strong>Corner style</strong><br>Choose the radius from below option, on corners:<br>- Top<br>- Bottom<br>- Both<br>- None<br><br><strong>Corner radius</strong><br>Select this checkbox to manage the radius on corners.</td></tr><tr><td>Marquee settings</td><td><p><strong>Direction</strong><br>Choose the marquee direction from the following options:<br>- Left to right<br>- Right to left<br><br><strong>Marquee type</strong><br>Choose marquee type from:<br>- On scroll<br>- Always<br><br><strong>Linear style rotation</strong><br>Adjust the range bar to determine the rotation degree for linear styled marquee.<br><br><strong>Font family</strong><br>Choose the marquee text font family from the following options:</p><p>- Heading <br>- Body <br>- Accent <br>(<em><strong>Note</strong>: These fonts can be changed in theme settings>typography.)</em><br><br><strong>Markers font</strong><br>Choose the marker text's font family from the following options:</p><p>- Heading <br>- Body <br>- Accent <br>(<em><strong>Note</strong>: These fonts can be changed in theme settings>typography.)</em><br><br><strong>Markers text style</strong><br>Choose the the markers text style from following options:<br>- None<br>- Outline<br><br><strong>Marquee images radius</strong><br>Adjust the range bar to manage the radius of marquee images.</p></td></tr><tr><td>Font size</td><td><strong>Desktop font size</strong><br>Adjust the range bar to determine the font size on the desktop view.<br><br><strong>Mobile font size</strong><br>Adjust the range bar to determine the font size on the mobile view.</td></tr><tr><td>Speed</td><td><strong>Desktop speed</strong><br>Adjust the range bar to determine the marquee speed on the desktop view.<br><br><strong>Mobile speed</strong><br>Adjust the range bar to determine the marquee speed on the mobile view.</td></tr><tr><td>Item space</td><td><strong>Desktop space</strong><br>Adjust the range bar to determine the marquee speed on the desktop view.<br><br><strong>Mobile space</strong><br>Adjust the range bar to determine the marquee speed on the mobile view.</td></tr><tr><td>Marquee image width</td><td><strong>Desktop</strong><br>Adjust the range bar to determine the radius of images on the desktop view.<br><br><strong>Mobile</strong><br>Adjust the range bar to determine the radius of images on the mobile view.</td></tr><tr><td>Section spacing</td><td><p><strong>Desktop top space</strong></p><p>Adjust the range bar to add spacing at the top of the section for desktop view.  <br> </p><p><strong>Desktop bottom space</strong></p><p>Adjust the range bar to add spacing at the bottom of the section for desktop view. </p><p> </p><p><strong>Mobile top space</strong></p><p>Adjust the range bar to add spacing at the top of the section for mobile view. </p><p> </p><p><strong>Mobile bottom space</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: Text

<table><thead><tr><th width="296"></th><th></th></tr></thead><tbody><tr><td>Text</td><td>Add heading text. <br><em>(<strong>Note</strong>:</em> Wrap your text between [ ] to add the markers font.<em>)</em></td></tr><tr><td>Image</td><td><strong>Image</strong><br>Choose an image from the store library.<br><br><strong>Overlay opacity</strong><br>Adjust the range bar to determine the overlay opacity above the image. <br><em>(<strong>Note</strong>: To change overlay color, edit the scheme "Image overlay" color in the color scheme under theme settings.)</em></td></tr><tr><td>Desktop image visibility</td><td>Choose image visibility, on desktop from:<br>- Default<br>- On hover</td></tr></tbody></table>