Thicker Announcement Bar

Look Demo

Just like the name says – make the announcement bar thicker in height. This plugin uses css editor and works with all template families.

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Thicker Announcement Bar //

.sqs-announcement-bar {
  padding: 10px;

// Announcement Bar Close Icon //

.sqs-announcement-bar-close {
  background: none;
  padding: 10px;

// Hide Announcement Bar After Close //

.sqs-announcement-bar-hidden {
  display: none;


Adjust the padding values for both the Announcement Bar and Close Icon to liking. Be sure to keep both of these px size the same.


No notes.