How to find these settings...
- Online Store
- Customize (Theme Editor)
- Announcement bar
The announcement bar is a good way to highlight specific offers like free shipping or to highlight urgent calls to action.
In this section...
Settings
Show on home page only
Restrict the message to only the home page
Layout
Choose whether to display the content as a scrolling marquee or sliding slideshow
Marquee
Full width
The option of being as wide as the screen or only as wide as the content container
Minimum content spacing
Pad the space to the left and right of the icon or image. 20px is the minimum, and it steps up by 5 to a maximum of 50px
Icon/Content separator
Select an icon to be used from the preset list. You can view the icons on the 'What Icons are Included?' FAQ page
Icon color
Preferred color of the icon. Defaults to the color assigned to the Headings color
Icon highlight color
Some icons have elements that can be assigned a different color. Defaults to the Accent color
Custom icon
Add your own icon. It is recommended to use an SVG or PNG file to keep the icons sharp
Icon size*
Set the icon size with the slider. 10px is the minimum, and it steps up by 1 to a maximum of 30px
Scroll speed
Set the rate of speed for the text to travel from one end of the screen to the other. A higher time will be slower, but set it to zero to stop it. 0 seconds is the minimum, and it steps up by 1 to a maximum of 30 seconds
Scroll direction
Determine if the text should reveal itself as you read it, or the opposite
Slideshow
Auto-rotate slides
Check to turn on the auto-rotation
Auto play delay
You have the option to control the speed that the slides will auto rotate from 4-10 seconds
Options
Show image sizes
Displays the minimum recommended width for each image. If applicable, the height* will display after the width. Size is displayed in the Theme Customizer only, customers will not see this.
* NOTE: Height is approximate, and the actual height is dependent on the individual screen. Learn more
Text color
Choose a custom color for the text
Text color hover
Choose a custom color for the text hover
Button text color *
Choose a custom color for the button text hover
Line color
Choose a custom color for the lines and borders
Background color
Choose a custom color for the background
Background color gradient
Choose a custom gradient for the background
Background/Overlay color opacity *
When a background color has been selected, control the opacity with the slider. 0% is the minimum, and it steps up by 1 to a maximum of 100%
Padding
Add padding to the top & bottom of the section. 5px is the minimum, and it steps up by 5 to a maximum of 30px
Add a bottom border
A 1px border will be to the bottom
Content Blocks
Text
A text block for basic formatting including bold, italic, formatted lists & linked text
Text (mobile)
Add text for screens smaller than 768px
Text color
Choose a custom color for the text
Text color hover
Choose a custom color for the text hover
Text size
Set the announcement size with the slider. 10px is the minimum, and it steps up by 1 to a maximum of 30px
* NOTE: May not be available on all sections, blocks or templates