Jump to content

How to change footer background color on one page

Recommended Posts

4 hours ago, LiaJane said:

Ah, thank you! There's still some white space that's not being affected around the footer.. would you mind taking one more look at it? Thanks! @tuanphan

new code

<style>
footer#footer-sections .content-wrapper, footer#footer-sections .section-background {
    background: green;
}
</style>

 

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
10 hours ago, LiaJane said:

@tuanphan

Much closer! But there's still a white space when the widow is resized, between the footer and the rest above...
Thanks again for your assistance. 

 

Can you take a screenshot?

and you want to change footer color or???

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
  • 2 years later...

@tuanphanThank you very much, this helped me massively although it also caused another issue with my text colour being unreadable so I added another line for that however it does not change any heading text, only paragraph. Is there a way to also change any heading text colour in the footer for this page only?

<style>
 footer#footer-sections .content-wrapper {
    background: black !important;
    color: white !important;
}
</style>

EDIT:
Resolved this by adding another stanza for the h3 specifically, see below.

<style>
 footer#footer-sections .content-wrapper {
	background: black !important;
	color: white !important;
 }
  footer#footer-sections .content-wrapper h3 {
	color: white !important;
 }
</style>

Thanks again to tuanphan for the original post response.

Edited by Vulpes
Fixed :)
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.