I am trying to figure out how to change the background color of Casper Theme posts (from white to a dull cream-color). I was able to do it for the home page using the following CSS, but this didn’t transfer to posts:
body {
background-color: #e8e0d0 !important;
}
I’m confident the solution will be simple.
I would suggest the following code:
body,
.page-template .site-main,
.post-template .site-main {
background-color: #e8e0d0;
}Thank you Ahmad. I just tried it, but it doesn’t look so good. Do you know the CSS for changing the color in the text box itself on posts, so that I can change the white to a color similar to the background color?
You are welcome!
Yea, you can try this one:
.post-full-content { }
That does indeed work! How do you figure out the code? Do you use a browser to inspect elements? I’ve been unable to get that to work using Chrome.
Exactly, I use Chrome dev tools to inspect the element:
You can click the Inspect Element button (arrow icon on the top left) and then select any page item to show the CSS properties on the right side.
Thanks Ahmad. I FINALLY figured out how to use Chrome to reveal CSS. I only had to click the icon to the left of Elements (see attached). Without doing that, I was completely unable to reveal the code.
