Scrolling banner settings
Settings |
Description |
Color scheme |
You can apply different color schemes to your store:
- After creating color schemes in the theme settings under the 'Colors' tab, you can assign them to different sections of your store.
- In each template, section, or block, you'll find a 'Color Scheme' dropdown.
- Simply select the appropriate color scheme to maintain consistency and align with your brand's identity.
|
Column gap |
Adjust the gap between columns, such as the space at the end of scrolling text when it starts again, to a different scrolling text block or the spacing between scrolling text and an icon. |
Mobile layout
Settings |
Description |
Column gap mobile |
Adjust the gap between columns separately for mobile devices, such as the space at the end of scrolling text when it starts again, to a different scrolling text block or the spacing between scrolling text and an icon. |
Hover effects
When you hover over the scrolling banner or text, both the background color and text color will change. You can define four different background colors, and one of them will be randomly applied to the entire section, switching to another background on the next hover. For each background, you can also set a unique hover text color to match.
Settings |
Description |
Background color 1 |
Color applied on hover. Choose a background color 1 using the color picker. |
Background text 1 |
Text color to match Background 1. |
Background color 2 |
Color applied on hover. Select a background color 2 using the color picker. |
Background text 2 |
Text color to match Background 2. |
Background color 3 |
Color applied on hover. Select a background color 3 using the color picker. |
Background text 3 |
Text color to match Background 3. |
Background color 4 |
Color applied on hover. Pick a background color 4 using the color picker. |
Background text 4 |
Text color to match Background 4. |


Section padding
Setting |
Description |
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. |
Top padding mobile |
The 'Top padding mobile' setting allows you to adjust the amount of space at the top of the section specifically for mobile devices, using a slider. |
Bottom padding mobile |
The 'Bottom padding mobile' setting works similarly to the 'Top padding mobile' setting but controls the space at the bottom of the section for mobile devices. |