Announcement bar section

Announcement bar settings and layout

The Announcement Bar is a customizable, attention-grabbing strip typically placed at the top of the site to highlight promotional messages, shipping notices, or any key updates.

This section is highly configurable to ensure you can match the brand style, audience device, or display behavior as needed.

Settings	Type	Description
Layout
Width	select	Controls the container width.Optional: Full width, Full width padded, or Page width. Full width is best for transparent headers.
Layout	select	Choose between Slider or Marquee styles.
Show top border	checkbox	Adds a top border to the bar.
Show bottom border	checkbox	Adds a bottom border to the bar.
Padding	range	Adjusts internal spacing.
Slider
Autoplay speed	range	Time between auto scrolls in slider layout.
Show arrows	checkbox	Show navigation arrows in slider mode.
Marquee
Autoplay speed	range	Speed at which marquee content scrolls.
Text direction	select	Choose scrolling direction: Left to right or Right to left.
Text
Uppercase text	checkbox	Converts text to uppercase.
Font	font_picker	Select a font for the announcement text.
Size	range	Controls the font size as a percentage.
Letter spacing	range	Controls the space between characters.
Space between messages	range	Applies to marquee only — spacing between repeated messages.
Colors
Background	color	Sets solid background color.
Overlay gradient	color_background	Optional gradient overlay on background.
Text	color	Announcement text color.
Border	color	Color of the top/bottom border (if enabled).
Image
Background image	image_picker	Optional image behind the announcement content.