How to add your logo to the announcement bar


Adding the logo into the announcement bar can seem a little tricky, but with a delightful bit of custom CSS code you can get around that problem. 

  1. Go to Design 
  2. Custom CSS 
  3. And enter the code below: 
.sqs-announcement-bar:before {
content: url(;
float: left;
padding-top: 15px;
padding-left: 15px;

Make sure that you change the float and the padding to what you want; and the image url to your log by uploading it into the custom files. 

To add a logo to the custom files, follow the steps from Step 3 here.

An example of what this looks like can be seen on my client's site, Kin Media.

Custom CSS, How ToMary Philip