Announcement Bar Pro 1

Announcement Message 1 FAST—FREE PACKING AND SHIPPING This is the first message displayed in the announcement rotation.

Announcement Message 2 SIGN UP FOR SALE OFF YOUR FIRST ORDER Second rotating message in the bar.

Announcement Message 3 (Optional) Add a third custom message if needed.

Announcement Message 4 (Optional) Add a fourth custom message if desired.

Background Type Choose between a Solid Color or a Gradient background.

Background Color #F9F9F9 Applied when using a solid background.

Gradient Start Color / End Color #F4F4F4 → #EDEDED Colors used when gradient background is selected.

Gradient Angle (degrees) 300° Sets the direction of the gradient.

Bar Height (px) 40 Controls the height of the announcement bar.

Announcement Message Text Color #1E1E1E Sets the color of the message text.

Font Size (px) 12 Defines the size of the text inside the bar.

Spacing Between Messages (px) 35 Controls spacing between each rotating message.

Spacing Between Repetitions (px) 35 Sets the space before messages repeat in the loop.

Background Animation Choose whether to animate the background. Options include None, Fade, Slide, or Zoom.

Hover Effect Specify what happens when a user hovers over the bar (if anything).

Enable Custom Font Toggle to enable a custom font.

Announcement Font Armata Font used for displaying the announcement messages.

Separator Icon User Choose an icon that appears between messages.

Separator Icon Color #FF3636 Color of the separator icon used in the bar.

Autoplay Automatically scroll through the announcement messages.

Scroll Speed (milliseconds) 1300 Duration of a full scroll cycle in milliseconds.

Pause on Hover Temporarily stops the animation when a user hovers over the bar.

Enable Link Redirection Makes the entire bar clickable.

Redirect URL / Sets the destination URL when the announcement bar is clicked.

Last updated 4 months ago