Page color

[waynepatt58]

You gave me this code below to set the color on a single post background and it works great;
.single-post .x-container.main:before { background-color: #f8f8f8; }

However I now need to set the background color of some pages and this code does not work on them. Could you tell me how to modify the code to work on pages, thanks.

[basanta]

Hi There,

Thanks for writing in!
Pages having the different class. Every page having their own unique class name in the body.
If you want to change the background of any specific page, you can take the page body class and assign your style.

Example.
if the page body class is body.about.us the CSS would look like this.

body.about-us .x-main {
 background-color: #f8f8f8;
}

Hope this helps!

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.