Announcement Bar Button

Install Steps

Announcement Bar Button

Submitted by Moov Labs Works with all template families

Thicker Announcement Bar.png

Step One

Go to the Announcement Bar settings and add a link at the end of the text: Marketing > Announcement Bar

Save your settings when finished.

Step Two

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Three

Copy and paste the code below into the Custom CSS Editor box.

// Announcement Bar Button //

.sqs-announcement-bar a {
  display: inline-block;
  text-decoration: none !important;
  color: #000000 !important;
  background: #FAFAFA;
  border-radius: 50px;
  padding: 8px 16px;
  margin: 5px;
}

Step Four

Adjust color, background, border radius, padding and margin to liking.

Save and refresh the page. 👍

Moov Labs