InsideTheSquare.co

View Original

How To Hide The Announcement Bar Close Icon in Squarespace

See this content in the original post

This tutorial was recorded in Squarespace 7.1 but also applies to legacy sites built on version 7. For more information, visit insidethesquare.co/themes

In this Squarespace tutorial, you’ll learn how to hide the close icon from an announcement bar in Squarespace. It’s a simple line of code, and in this video, you’ll see how to add it to your site step by super simple step!

All the code from this tutorial is below, BUT it’s important to know that at the time of posting this video, the announcement bar is a feature only available for business & commerce plans. Personal plans will need to upgrade.

Check out this announcement bar setup tutorial if you haven’t used this feature yet.


Here is the code from this tutorial.
Add this to your site-wide CSS file under Design → Custom CSS

.sqs-announcement-bar-close {display: none}