Announcement Bar Background Image

---

Description

Add a custom image to the announcement bar. 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.

// Announcement Bar Image //

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

---

Customize

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.

---