# Sliding bar

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

Here, in the Lyra theme, with the use of the scrolling bar, you can scroll the important announcements and promotional texts. The scrolling bar section in the Lyra theme comes with various customizations.

<table><thead><tr><th width="229">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Space between blocks</td><td>"Space between blocks" is to give left and right side spacing to the text of the section. You can adjust the spacing and set it to the minimum spacing of “20px” and a maximum spacing of “100px.”</td></tr><tr><td>Speed</td><td>Speed is used to customize the scrolling speed of the text in the section.</td></tr><tr><td>Direction</td><td>Use of "Direction" allows the rotation of the "Text" from left to right or right to left.</td></tr><tr><td>Enable vertical border separator</td><td>Turn this on to display a <strong>vertical line</strong> between each block of text. Useful for separating multiple messages.</td></tr><tr><td>Separator color</td><td>Use this to set color of vertical line between each block of text.</td></tr><tr><td>Font size</td><td>You can adjust the font size of sliding text. you can set it to the minimum size of “14px” and a maximum size of “60px.”</td></tr><tr><td>Font thickness</td><td><p>Customization of the "Font thickness" in the section is as follows:</p><ul><li>Normal</li><li>Medium</li><li>Bold</li><li>Extra bold</li></ul></td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><li>Scheme 6</li></ul></td></tr></tbody></table>

<figure><img src="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FjF4VU9xRIJvo06WsYo1R%2Fsliding-bar.png?alt=media&#x26;token=17187e6a-d90f-4b5f-b168-9a35f72687cb" alt=""><figcaption></figcaption></figure>

## Add Text

To add block to the scrolling bar section, click on the 'Add text'. There are many options available similar to the scrolling bar, as you can see in the below points and screenshot:

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a heading inside the sliding bar.</td></tr><tr><td>Uppercase text</td><td>Allows you to enable uppercase text styling for sliding text.</td></tr><tr><td>Outline text</td><td><p><strong>Enable outline text</strong></p><p>Check this box to use of outline text in this sliding block.</p></td></tr><tr><td>Icon</td><td><p><strong>Custom svg code</strong></p><p>Paste SVG icon code here to display an icon before or after your text. </p></td></tr><tr><td>Timer</td><td><p><strong>Enable timer</strong></p><p>Turn this on to display a <strong>countdown timer</strong> alongside your text message. </p><p></p><p><strong>Background image</strong> </p><p>Use this to add background image to scrolling bar timer. </p><p></p><p><strong>End date</strong> </p><p>Add date here. The end date must be set to a future date and include the following format: YYYY/MM/DD Example: 2025/12/31. </p><p></p><p><strong>Background color</strong> </p><p>Use this to set background color to the timer of this block.  </p><p></p><p><strong>Text color</strong> </p><p>Use this to set text color to the timer text of this block.</p></td></tr></tbody></table>

<figure><img src="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2FJZ7DuZ5QvjUjZiHHNk4z%2Fscroll-menu-block.png?alt=media&#x26;token=4eaf6d51-dae6-45cf-a56e-a03bcc7f574c" alt=""><figcaption></figcaption></figure>
