Sliding bar

Live Chat Support | Webibazaar Templatesalesiq.zohopublic.in

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.

Setting	Description
Space between blocks	"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.”
Speed	Speed is used to customize the scrolling speed of the text in the section.
Direction	Use of "Direction" allows the rotation of the "Text" from left to right or right to left.
Enable vertical border separator	Turn this on to display a vertical line between each block of text. Useful for separating multiple messages.
Separator color	Use this to set color of vertical line between each block of text.
Font size	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.”
Font thickness	Customization of the "Font thickness" in the section is as follows: Normal Medium Bold Extra bold
Color scheme	In this section, you can change the background and foreground color of a section using the color scheme. Scheme 1 Scheme 2 Scheme 3 Scheme 4 Scheme 5 Scheme 6

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:

Block	Description
Heading	Enter text to display as a heading inside the sliding bar.
Uppercase text	Allows you to enable uppercase text styling for sliding text.
Outline text	Enable outline text Check this box to use of outline text in this sliding block.
Icon	Custom svg code Paste SVG icon code here to display an icon before or after your text.
Timer	Enable timer Turn this on to display a countdown timer alongside your text message. Background image Use this to add background image to scrolling bar timer. End date 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. Background color Use this to set background color to the timer of this block. Text color Use this to set text color to the timer text of this block.