I need to have the footer text on 2 pages a different color than the rest of the pages. I can't figure out how to customize this. I can't seem to be able to pull it off with selectors like #footer-section p in the custom CSS section of the page.
I can change the background color of the p, but not the font color.
I think what I need to know is how it cascades, maybe. Does the footer styles in the customizer override the page CSS? Or does the code in the custom CSS section of the Customizer override those styles?
The code you've entered is correct but not displayed because the current CSS of your footer have many CSS with !important properly, so the custom CSS you've added can't overwrite & this will doesn't work.
I need to have the footer text on 2 pages a different color than the rest of the pages. I can't figure out how to customize this. I can't seem to be able to pull it off with selectors like #footer-section p in the custom CSS section of the page.
I can change the background color of the p, but not the font color.
Can you help please.
I think what I need to know is how it cascades, maybe. Does the footer styles in the customizer override the page CSS? Or does the code in the custom CSS section of the Customizer override those styles?
Hi,
By default, Soledad doesn't support the styling Footer section for individual pages/posts/. But you can try by adding some extra CSS.
For example:
body.page-id-582 #footer-section {In the code above, 582 is the ID of the page. You can find the page id by following this link: https://www.wpbeginner.com/beginners-guide/how-to-find-post-category-tag-comments-or-user-id-in-wordpress/background-color: #000;
color: #fff;
}
body.page-id-582 #footer-section,
body.page-id-582 #footer-copyright *
body.page-id-582 #footer-section a {
color: #fff;
}
Regards,
PenciDesign.
This is my code:
body.page-id-22 #footer-section { background-color: #fff; color: #000;!important
}
body.page-id-22 #footer-section,
body.page-id-22 #footer-copyright *
body.page-id-22 #footer-section a { color: #000!important;
}
Yes, I am sure that the page id is correct.
And it's still not working, there must be something overriding these styles somewhere.
Hi,
The code you've entered is correct but not displayed because the current CSS of your footer have many CSS with !important properly, so the custom CSS you've added can't overwrite & this will doesn't work.
Regards,
PenciDesign.
thank you, I'll see if I can find the problem.