Jump to content

Adding background image to header on all pages using Custom CSS

Recommended Posts

Posted

Hello,

 

I am trying to add a background image to the header on all pages of my website. 

Is there a custom CSS to do this?

I am using the CROSBY theme.

thanks,

Tom

 

  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply
Posted

Hey Tom, do you have a link to your website I can take a look at?

If an answer I provide helps you, please mark it as the answer so others can easily access it as well.

I'm a Squarespace Authorized TrainerSquarespace Expert, and Circle Member and I've been helping my clients as well as those here in the forum and in various Squarespace groups with custom coding and support for Squarespace websites. I would love to help you in any way I can.

Squarespace PluginsBook Live Help | Squarespace Video Tutorials | Buy Me a Coffee

Posted

Add to Home > Design > Custom CSS

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

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.