> For the complete documentation index, see [llms.txt](https://shinedezign.gitbook.io/king/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/king/overview/marquee-text-with-image.md).

# Marquee text with image

### Configure marquee text with image

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 with imag**e**.**

Customize the **Marquee text with image** 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>Section visibility</td><td>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</td></tr><tr><td>Marquee</td><td><strong>Scrolling type</strong><br>Select the scrolling type from the following options:<br>- On scroll<br>- Auto rotate<br>- Both<br><br><strong>Style</strong><br>Choose the style from the following options:<br>- Row wise<br>- Column wise</td></tr><tr><td>Background color</td><td><em>(Note: Only one color option, either solid or gradient, will be applied.)</em><br><br><strong>Color</strong><br>Choose any solid color for the background.<br><br><strong>Gradient</strong><br>Choose any gradient color for the background.</td></tr><tr><td>Section spacing</td><td><p><strong>Desktop top space</strong> <br>Adjust the range bar to add spacing at the top of the section for desktop view.<br></p><p><strong>Desktop bottom space</strong> <br>Adjust the range bar to add spacing at the bottom of the section for desktop view.<br></p><p><strong>Mobile top space</strong><br>Adjust the range bar to add spacing at the top of the section for mobile view.<br></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

<table data-header-hidden><thead><tr><th width="274"></th><th></th><th data-hidden></th></tr></thead><tbody><tr><td>Text</td><td><strong>Heading</strong><br>Add text to show. <br><em>(Note: Wrap your text between [ ] to add the markers font.)</em><br><br><strong>Markers font</strong><br>Choose the marker's font from the following options:<br>- Accent<br>- Body<br>- Heading<br><em>(Note: These fonts can be changed in theme settings>typography.)</em><br><br><strong>Marker text style</strong><br>Select the marker highlight style from the following options:<br>- None<br>- Text color<br>- Outline text<br>- Fill outline<br>- Text background color<br><br><strong>Desktop font size</strong><br>Adjust the range bar to determine the desktop font size in between 20 and 150 px(pixels).<br><br><strong>Mobile font size</strong><br>Adjust the range bar to determine the mobile font size in between 20 and 50 px(pixels).</td><td></td></tr><tr><td>SVG code</td><td>Enter the SVG icon code.</td><td></td></tr><tr><td>Image</td><td>Choose any image from the store library.</td><td></td></tr><tr><td>Options</td><td><p><strong>Image width (desktop)</strong><br>Adjust the range bar to determine the image width on the desktop view.<br><br><strong>Image width (mobile)</strong><br>Adjust the range bar to determine the image width on the mobile view.<br><br><strong>Direction</strong><br>Select the direction: </p><p>-Right to left </p><p>-Left to Right <br><br><strong>Rotation</strong><br>Adjust the range bar to determine the rotation in between 5 to -5 degrees.<br><br><strong>Text|Icon|Image space (desktop)</strong><br>Adjust the range bar to determine the space between the text, icon and image of one block, on the desktop view.<br><br><strong>Text|Icon|Image space (mobile)</strong><br>Adjust the range bar to determine the space between the text, icon and image of one block, on the mobile view.<br><br><strong>Horizontal space (desktop)</strong><br>Adjust the range bar to add spacing between the blocks, on the desktop view.<br><br><strong>Horizontal space (mobile)</strong><br>Adjust the range bar to add spacing between the blocks, on the mobile view.<br><br><strong>Desktop speed</strong><br>Adjust the range bar to set the scrolling speed between 5s to 100s on the desktop.<br><br><strong>Mobile speed</strong><br>Adjust the range bar to set the scrolling speed between 5s to 100s on the mobile.</p></td><td></td></tr><tr><td>Colors</td><td><strong>Text</strong><br>Choose any color for the text.<br><br><strong>Outline text</strong><br>Choose any color for the outline text.<br><br><strong>Icon</strong><br>Choose any color for the icon.<br><br><strong>Background</strong><br>Select any color for the solid background. <br><br><strong>Background gradient</strong><br>Select any color for the gradient background. </td><td></td></tr><tr><td>Section spacing</td><td><p><strong>Desktop top space</strong> <br>Adjust the range bar to add spacing at the top of the section for desktop view.<br></p><p><strong>Desktop bottom space</strong> <br>Adjust the range bar to add spacing at the bottom of the section for desktop view.<br></p><p><strong>Mobile top space</strong><br>Adjust the range bar to add spacing at the top of the section for mobile view.<br></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><td></td></tr></tbody></table>