Announcement Bar Background Image

Install Steps

Announcement Bar Background Image

Submitted by Moov Labs Works with all template families

imageannouncementbar.png

Step One

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

Step Two

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

// Announcement Bar Image //

.sqs-announcement-bar {
  background: transparent url(IMAGE-URL-HERE) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Step Three

Replace IMAGE-URL-HERE with the image you'd like to use. Adjust the padding value 30px to make the announcement bar thicker or thinner. If you need images, visit Unsplash – they're all free.

Save and refresh the page. 👍

Moov Labs