Jump to content

communications@centerpointfl.org

Go to solution Solved by tuanphan,

Recommended Posts

I have successfully used CSS to change the background to an image for  a page that appears in an index. https://www.centerpointfl.org/students 

#summer-nights {
    background-color: #dc877c;
    background-image: url(https://images.squarespace-cdn.com/content/595d0a2f36e5d3ffb4b16e08/2b004caf-fbaa-4b8d-a29d-824b9e348bf1/Gradient+2.png?content-type=image%2Fpng) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  h1 {
	color: #fff !important; 
}

h3 {
	color: #f7c3b6 !important; 
}
  
  h2 {
	color: #fff !important; 
}

p {
	color: #fff !important; 
}
}

The page appears just as I'd like when scrolling through the index and arriving to the page. 

But when I use a direct link to the subpage(/summer-nights), the background image no longer appears. 

I've tried adding this to the Head Injection for the Summer Nights page. That didn't work.

<style>
  .Main {
    background-color: #dc877c; !important;
    background-image: url(https://images.squarespace-cdn.com/content/595d0a2f36e5d3ffb4b16e08/2b004caf-fbaa-4b8d-a29d-824b9e348bf1/Gradient+2.png?content-type=image%2Fpng) !important;
    background-size: cover;
    background-repeat: no-repeat;
  background-position: center;}

  h1 {
	color: #fff !important; 
}

h3 {
	color: #f7c3b6 !important; 
}
  
  h2 {
	color: #fff !important; 
}

p {
	color: #fff !important; 
}
 
  
</style>

Any ideas???

Link to comment
  • Replies 3
  • Views 292
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

  • Solution

With /summer-nights

add this to DESIGN > CUSTOM CSS

body#collection-6440af2656ab9f65a9a6ef58 #siteWrapper {
    background-color: #dc877c !important;
    background-image: url(https://images.squarespace-cdn.com/content/595d0a2f36e5d3ffb4b16e08/2b004caf-fbaa-4b8d-a29d-824b9e348bf1/Gradient+2.png?content-type=image%2Fpng) !important;
    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

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.