Announcement bars and cookie alerts can be customized way beyond what your design menu can do! On this page, you’ll find a collection of tutorials to learn some neat ways to make those alerts even more eye-catching.
In this tutorial, you’ll learn how to feature multiple text styles in your announcement bar using custom CSS. What we’ll do is isolate characters based on their text type: bold and italicized fonts.
In this tutorial, you’ll learn how to change the size and location of a Squarespace announcement bar with simple custom CSS.
In this tutorial, you’ll learn how to create a scrolling text animation for the announcement bar in Squarespace.
Announcement bars are a great place to get the attention of your website visitors. Make it even more actionable by adding a button to the announcement bar with this week’s CSS tutorial!
In this tutorial, you'll learn how to customize your Squarespace cookie alert. We'll adjust the text, button labels, disclaimer text size, and color themes directly within the editor. Then we'll dive into custom coding to further personalize your cookie alert, including changing background colors, button styles, and the Manage Cookies overlay.