Jump to content

Adding Background Image to Entire Site

Recommended Posts

Posted

Site URL: https://kangaroo-polygon-sn6z.squarespace.com/config/pages/5eb207726af5800bbd992893

Hi there,

I'm trying to incorporate a background image to my entire site. I see that you can add a background image behind certain sections, as I've done on my homepage. But when I try to incorporate a gallery, which I would like to do for each of my projects, it doesn't give me the option to add a background. See here for example: https://kangaroo-polygon-sn6z.squarespace.com/config/pages/5eb207726af5800bbd992893

I found this code which I tried, but it doesn't seem to work across my entire site:

.Main {
    background-image: url(https://static1.squarespace.com/static/5eaf6fc4f965f00825c6bbd9/t/5ed40fa69aade12795395877/1590955948395/background.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

If someone could help me out, I'd greatly appreciate it!

Thank you!!

  • 2 weeks later...
  • Replies 2
  • Views 643
  • Created
  • Last Reply
Posted

I have, thank you! The code that ended up working for me was:

.section-background{
    background-image: url(https://static1.squarespace.com/static/5eaf6fc4f965f00825c6bbd9/t/5ed40fa69aade12795395877/1590955948395/background.jpg)!important;
    background-size: cover!important;
    background-position: center center!important;
}

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.