I have a background color on my whole site, https://www.travisneighborward.com. I’m creating landing PAGES and would like the background color to be white instead. Can I change the background color on a single page?
Thanks.
Travis
Hello,
you can use this custom css to change the background for any page in particular based on the page ID. Each page has it’s own unique ID you can use to target each individual page. Here is an example:
.page-id-17{
background-color:white!important;
}
This will change your homepage background to white.
Thank you!
Thanks, Bogdan. That doesn’t seem to be working for me. I switched out the page ID number as you said. And I cleared the cache within WordPress and within Chrome.
This is the page I set the custom CSS for: https://www.travisneighborward.com/home-garden-main/
As you can see the background is still set to the gray color.
I also tried with another page, but it didn’t work.
Is it possible that something else in the Theme Panel is overriding it?
Hello,
Please use this code for that particular page:
.page-id-151{
background-color:white!important;
}
https://www.screencast.com/t/FVnT7I8wyGv
Thank you!
Hi, Bogdan. For some reason that’s still not working for me. I deleted the website cache and the Chrome browser cache before I tested it. I also tried deleting the !important which sometimes creates errors for me (don’t know why). That didn’t do it either.
Is the problem that the General Theme Colors setting that I have set to the background color for the entire site is overriding the custom coding you gave me?
Thanks.
Hello,
Please contact us on our email address at contact@tagdiv.com and provide a link to your site and wp-admin (login information and admin rights) so we can login and investigate. Please also include a link to this conversation.
Thank you!