Archived topic
Change body background colour
5 replies · Started by Sanu Kumar on April 26, 2022
I am looking to change the background color for this page only: https://www.masteryblogging.com/ (its homepage). How can I do that?.
I used this code but didn't work:
body.page-id-462 {
background-color: #ffffff;
}Note: 462 is my page id.
Hi there,
try:
body.home {
background-color: #ffffff;
}But there is also the Content Container background - and if you need to change that as well, then you add this:
.home #page {
background-color: #ffffff;
}Tried this
body.home {
background-color: #ffffff;
}but not working.
The body is already #ffffff;
But i don't see that CSS loading on your site:
1. Move that CSS to the very top of your CSS.
2. change the style to a different color so you can see the change eg. background-color: #ff0000;
3. Clear your plugin and browser caches.
It is now working. Thank you, David. Apart from this, I'm also looking to change the width of this page only. Help me with that?
You can use a layout element to set content container width:
https://docs.generatepress.com/article/layout-element-overview/
Choosefront page as location.
