Announcement Bar

Description

The announcement bar is a great way to display custom messages in your site. Perfect for announcements and important updates. It appears on every page and has an option to close it.

To enable: Marketing > Announcement bar > Enable Announcement Bar

Custom CSS

For style changes across multiple pages, add the code snippet to your Custom CSS panel and each page will be updated.

Advanced Code Injection

For style changes on one page, add the code snippet to the page Advanced Code Injection so only that page will be updated. Enclose your code in style brackets like this:

<style>

.sqs-announcement-bar {
}

</style>

Custom CSS

To target the entire announcement bar

/* entire announcement bar */
.sqs-announcement-bar {
}

To target the close icon

/* close icon */
.sqs-announcement-bar-close {
}

To target the announcement bar text

/* announcement bar text */
.sqs-announcement-bar-text p {
}

To target the announcement bar links

/* announcement bar links */
.sqs-announcement-bar-text a {
}