Scrolling banner settings

Settings	Description
Heading	To add a heading, simply enter the text in the provided field. In the top menu of the field, you can find options to customize the heading such as making it bold, italic, or adding a hyperlink.
Heading size	The heading size setting offers three options to control the size of your site's headings: Small Medium Large With these options, you can easily customize the heading sizes to best match your website's style and create a visually appealing and cohesive design throughout your site.
Heading color	The “Heading color” setting offers four options to customize the color scheme of your section heading: Text main color Text secondary color Headings color Headings secondary color It's important to note that the color scheme you choose for these four options will be consistent throughout your website.
Description	To add a description, simply enter the text in the provided field. In the top menu of the field, you can find options to customize the heading such as making it bold, italic, or adding a hyperlink.
Text size	Text size setting offers three options to control the size of your description: Small Medium Large
Description color	The “Description color” setting offers four options to customize the color scheme of your card's heading: Text main color Text secondary color Headings color Headings secondary color
Heading alignment	You have three alignment options for heading to choose: Left: This aligns the heading to the left side of the section. Right: This aligns the heading to the right side of the section, Center: This aligns the heading to the center of the section.
Text bottom space desktop	Your sections can have small or big space after heading or heading and description to the block with columns, collections, products, and images. Small Large
Scroll speed	The scroll speed slider allows you to adjust the speed of Scrolling text.
Scroll direction	Specify the direction in which the element should scroll: Left Right
Heading weight	Choose the appropriate font weight for headings to ensure they stand out and align with your design.
Letter spacing	You can adjust letter spacing of scrolling text to make text distinctive from others.
Font size	Use a slider to adjust the font size of text on desktop and tablet.
Font size mobile	Use a slider to adjust the font size of text on mobile.
Enable icon custom height	Check this option to customize the height of the icon.
Icon custom height	Set a specific height for the icon on desktop.
Icon custom height mobile	Define a custom height for the icon on mobile devices.
Item paddings	You can change paddings between text blocks, text, and icons and between icons, depend on what layout will be used in this section.
Text color	This is a color picker that lets you choose the font color for text. You can pick any color you like by clicking on the color circle.

Section settings

Setting	Description
Full width section	Enable this option to extend the section to span the entire width.
Background color	Choose the background color for the scrolling banner by clicking on the circle and selecting a color from the color picker.
Background gradient	Use the gradient picker to create a custom gradient for your section background.
Top padding	The “Top padding” setting allows you to adjust the amount of space at the top of the section using a slider.
Bottom padding	The “Bottom padding” setting functions similarly to the “Section top padding” setting, but controls the space at the bottom of the section.