Sliding bar
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.
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.
Separator between text
Customization of the "Separator between text" in the section is as follows:
Dot
Line
None
Separator color
Use this to set color of Separator 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
Enable hover image
Enable this option to display a hover image effect when the user moves the cursor over the element. This feature works only when a Text block is added to the section.
Enable secondary background
Enable this option to apply a secondary background style to the section. This feature works only when an Image with text block is added.
Image size
Using this settings you can customize image size of image with text block of the section.
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:
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.
Last updated