How to Add a Background Image to the Header in Squarespace

Squarespace
Written By Jennifer Barden
How to Add a Background Image to the Header in Squarespace
 

Ever wonder how to add a background image to the header in Squarespace?


It’s actually super easy, and a great way to dress up a website.


In this tutorial, I’ll show you how to add a background image to the global header in Squarespace using the code snippet listed below the video.

 
 

Upload the Background Image for Your Header

As I discuss in this blog post, your navigation is a vital part of your website.

So when you’re choosing an image for your header, be sure it won’t obstruct the navigation text or appear too cluttered.


This is how you upload your image:

  1. Go to Website > Website tools > Custom CSS

  2. Select ‘Custom Files’

  3. Select ‘Add images or fonts’

  4. Upload your image here

 
 
Custom CSS Add images or fonts
 
 
 

Add a Background Image to the Header in Squarespace

Now that you’ve uploaded your image, all you have to do is add the code snippet below and insert your image URL where it says “IMAGE URL HERE”.

 
 
/* Add background image to header */

header#header {
  background-image: url(IMAGE URL HERE);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
 
 
 

Was this helpful?

That was so easy, right? Feel free to drop me a line and tell me what you’ll use it for! Got any other burning Squarespace questions? Ask away…that’s what I’m here for! 👇

 
 
 
 

This page contains affiliate links

 
 

My Insta

@jenxwebdesign

🚦 You need your website to get more traffic… but how? Posting on social media isn’t enough. Hoping people magically find you isn’t a strategy. But there’s a better way. I’ll show you a proven framework to bring in co
📢 You post to social media every day… but your website is still a ghost town. 👻 Here’s the truth: Social media is fleeting, but your website is forever. If you’re tired of chasing trends and not seeing results, it’s time f
🚨 Imposter syndrome is lying to you. 🚨 You don’t need to be an “expert” to start attracting traffic to your website. You just need a clear strategy—and I’ve got one that works. I used to second-guess myself, wonder
🚀 Getting traffic to your Squarespace website is within your reach… and it’s easier than you think! You don’t need to go viral. You don’t need to spend hours on social media. What you do need is a smart strategy that brings
I was exactly where you are now… Posting content, trying all the “right” strategies, and still hearing nothing but crickets. 🦗 I know how frustrating it is to pour time into your website and see little to no traffic. That’s
🚦Struggling to get traffic to your website? It’s not your fault—most content strategies leave you guessing. That’s why I created a proven framework that helped me 60X my website traffic (without depending on social media). Now, I&
🚀 You’ve been thinking about increasing your website traffic… now it’s time to take action! I’ll show you a simple, proven framework to get more clicks, more visibility, and more customers—without relying on social me
🎥 Replays are great… but live attendees get the real perks! 🚀 When you show up on time, you’ll unlock: 
✅ A special offer (only for attendees!)
✅ Answers to common questions that can help you get unstuck
✅ Exclusive insights you won&r
🦗 Tired of hearing crickets after pouring hours into content creation? It’s time to ditch the frustration and focus on strategies that actually bring you joy and customers! 🚀 If your website isn’t getting clicks, your content plan ne
 

Like this post?

Pin It to Pinterest 👇

How to Add a Background Image to the Header in Squarespace
Jennifer Barden

This article was written by Jennifer Barden, founder of Jen-X Website Design and Strategy.

Many Squarespacers feel defeated when their websites don’t attract and engage visitors.

In my blog, I share my secrets for effective Squarespace website design and strategy so that DIYers and Squarespace Website Designers can learn tips for building Squarespace websites that attract and engage the right visitors.

https://jenxwebdesign.com
Previous

The Truth Behind the Myth That Squarespace is Bad for SEO
Next

Add an Author Bio to Your Squarespace Blog to Show Authority