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;
}

Customize

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.

License

This plugin comes with an Unlimited Use License. View License Terms

Previous
Previous

Animated Gradient Announcement Bar

Next
Next

Quote Block Text Color