Jump to content

How to add image behind blog header, to match rest of site?

Recommended Posts

Site URL: https://elephant-goldfish-3sfs.squarespace.com/blog/jaimin-and-chris

I want to add an image behind the nav on my blog posts. I don't want it to be white, while the rest of the site has nice image backgrounds! Can anyone help me figure this out please?


PW: trillium

I want it to look like this image:


Screen Shot 2021-03-17 at 12.11.25 AM.png

Edited by vireshwara
Link to comment
On 3/22/2021 at 5:03 AM, vireshwara said:

@tuanphan Can you help me with this please?

Hi. Add to Design > Custom CSS. Replace with your image url

body.collection-type-blog-side-by-side.view-item header#header {
    background-image: url(https://cdn.pixabay.com/photo/2021/03/10/10/51/cherry-blossom-6084249__340.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.