Announcement Bar Background Image

Look Demo

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;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


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.


No notes.