Scrolling bar
Here, in the Poco theme, with the use of the scrolling bar, you can scroll the important announcements and promotional texts. The scrolling bar section in the Poco theme comes with various customization's.
Color scheme
In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6 and so on.
Display text
Customization of the "Display text" in this section is as follows:
Full width
Grid
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' and 'right to left'.
Separator between text
With the help of a separator between text, you can add a separator like below:
Dot
Line
Filled asterisk
None
Text size
You can adjust the font size and set it to the minimum size of “14px” and a maximum size of “60px.”
Pause on hover
By enable this checkbox to pause the scrolling bar on hover on it.
Top/bottom border
By enable this checkbox to set top and bottom border of section and enable border color. Choose color of border in the section.
Section padding
Top and bottom spacing indicates section inside space.
Section margin
Top and bottom spacing indicates section outside space.
Add Block
To add block to the scrolling bar section, click on the 'Add block'. There are many options available similar to the scrolling bar, as you can see in the below points and screenshot:
Image
Image
Use "Image" to add the image to the section.
Image width
This feature to specify image width in a section. You can set the minimum of “26px” and a maximum of “100px” width.
Image radius
This feature is use to set image radius in the section. You can set the minimum of “0px” and a maximum of “20px” image radius.
Text
Heading
Enter text to display as a title in the section.
Icon
In the section, the icons are given to select.
Icon width
This feature to specify icon width in a section. You can set the minimum of “14px” and a maximum of “36px” width.
Uppercase text
Allows you to enable uppercase text styling for text.
Bold text
Enable this checkbox to show bold text in this section.
Button label
Use "Button label" to add a label to the Button in the section.
Button link
Use "Button link" to add a link to the Button in the section.
Button style
Customization of the "Button style" in this section is as follows:
Link
Outline
Solid
Image with text
Show background Allows you to enable color scheme and background. Color scheme
In this section, you can change the background and foreground color of a section using the color scheme. We provide total scheme 13. User can select any color scheme out of scheme 13.
Scheme 1
Scheme 2
Scheme 3
Scheme 4
Scheme 5
Scheme 6 and so on.
Image
Use "Image" to add the image to the section.
Image width
This feature to specify image width in a section. You can set the minimum of “30px” and a maximum of “60px” width.
--> Heading
Text
Enter text to display as a scrolling text in the section.
Size
Customization of the "Size" in this section is as follows:
Small
Medium
Large
Uppercase text
Allows you to enable uppercase text styling for text.
Color
Allows you to set text color. --> Text Show text By enabling this, you can see description setting and description text. Text
Enter text to display as a description in the block. Text color Select description text color. Show arrow on hover By enabling this, you can see arrow on hover to that block.
Button label
Use "Button label" to add a label to the Button in the section.
Button link
Use "Button link" to add a link to the Button in the section.
Button style
Customization of the "Button style" in this section is as follows:
Link
Outline
Solid
Icon with text
Icon
In the block, the icons are given to select. Icon size
This feature to specify icon size in a section. You can set the minimum of “20px” and a maximum of “40px” width. Show icon right side By enabling this checkbox, you can see icon on right side, after text. Text
Enter text to display as a title of icon with text block.
Size
Customization of the "Size" in this block is as follows:
Small
Medium
Large
Last updated