Jump to content

BACKGROUND IMAGE SITE WIDE 7.1

Recommended Posts

Hi, 

I would like to add a fixed image as a pattern for all the pages of my website on squarespace 7.1 version.

This is the image "Pattern" that I would like to add site wide:

https://static1.squarespace.com/static/652672f03b6e1669cb5b121e/t/65856d38abd39e0c78aad560/1703243067154/Pattern+SANTA+LUCIA+x+SITO.png

I understand that I have to insert this in the CSS. I am looking for the code to add.

Can someone please help me? Thank you

Link to comment
  • Replies 5
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

You can use this code to Website > Website Tools > Custom CSS

/* Site background image */
.section-background, .page-section, .section-border {
    background: transparent !important;
}
body {
   background-image: url(https://static1.squarespace.com/static/652672f03b6e1669cb5b121e/t/65856d38abd39e0c78aad560/1703243067154/Pattern+SANTA+LUCIA+x+SITO.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   background-color: transparent !important;
}

 

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!)

Link to comment

Hi, we tried to insert that code but in some iPhones (mobile views) got wrong when  we click on menu items, open a page with the pattern and no other things.

please see the video attached so you can understand better the situation.

could you help us?

many thanks

Link to comment
13 hours ago, Tommaso said:

Hi, we tried to insert that code but in some iPhones (mobile views) got wrong when  we click on menu items, open a page with the pattern and no other things.

please see the video attached so you can understand better the situation.

could you help us?

many thanks

IMG_0.MOV

Can you share link to page in video?

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!)

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.