Jump to content

Add image behind header (Hayden template)

Recommended Posts

  • Replies 3
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

header#header {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

 

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
1 hour ago, tuanphan said:

Add to Home > Design > Custom CSS


header#header {
    background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

 

Thank you! That's perfect. Will work on a relevant image now.

Link to comment
  • 2 weeks later...

But what size is the image for the site?   I am trying to replace the background and I want it to show but I don't know the size it needs to be in order for the  elements of it to show properly on the page behind either gallery block or products.    I hope someone can answer this.   I've seen posts dating back to 2018 asking this question with no answer.  

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.