LiaJane Posted August 20, 2020 Share Posted August 20, 2020 Site URL: http://liaheinze.com Hello! I'm trying to change the background color of the footer on only one page – or better yet, I want to make it transparent so it adopts whatever background color the rest of the page is. Any insight? Thanks! Link to comment
tuanphan Posted August 20, 2020 Share Posted August 20, 2020 Add to Page Settings > Advanced > Header (If you use Personal Plan > Edit Page > Add Code Block) <style> footer#footer-sections .content-wrapper { background: green !important; } </style> Vulpes 1 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
LiaJane Posted August 20, 2020 Author Share Posted August 20, 2020 (edited) 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 Edited August 20, 2020 by LiaJane tag Link to comment
tuanphan Posted August 20, 2020 Share Posted August 20, 2020 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
LiaJane Posted August 20, 2020 Author Share Posted August 20, 2020 (edited) @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. Edited August 20, 2020 by LiaJane Link to comment
tuanphan Posted August 21, 2020 Share Posted August 21, 2020 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
LiaJane Posted August 21, 2020 Author Share Posted August 21, 2020 @tuanphan I want the footer color to stay as it is.. the same as the background color above it. When I resize the window in certain ways though, there is a white gap that appears between the footer and the rest above. Don't know why. Link to comment
tuanphan Posted August 22, 2020 Share Posted August 22, 2020 Can you share link to page in screenshot? 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
Vulpes Posted January 9, 2023 Share Posted January 9, 2023 (edited) @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 January 9, 2023 by Vulpes Fixed :) tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment