Support Forum

Change Content Box Color In Black-Gold Theme

JB Justin Buehler
Justin Buehler
Member

Hello:

How would I change the content area’s background color from charcoal gray to white in the black-gold theme?

I’d also like to change the font color from gray to black. How would I do that?

Thank you.

12 Answers

New Answer

MP Mr Papa
Mr Papa
Member

best way to check css changes you want to make is with dev tools for your browser of preference… best set is firefox with firebug… lets you inspect any element and see what css is driving it…

and a picture might make sure we understand exactly what you want to change…

but content area background, if I understand you, is controlled by:

#spMainContainer .spTopicPostSection.spOdd .spPostSection {

in your sp theme css file…

of course, for even numbered posts it wold .spEven instead of .spOdd

JB Justin Buehler
Justin Buehler
Member

Thanks for your quick response Mr. Papa.

I’ve included a screen shot with this reply. I’d like to change the background color inside the blue border from charcoal to white, and make the text black. I’d like this style only for expanded topics. Otherwise, I like the colors “as-is.” 

I hope this helps. Thank you.surprised

JB Justin Buehler
Justin Buehler
Member

Here’s the screenshot. Sorry, I’m new to uploading images on this forum, but I’m learning. 🙂

MP Mr Papa
Mr Papa
Member

so did you try like I said?  since I guess right… wink

JB Justin Buehler
Justin Buehler
Member

Thanks for the info Mr. Papa. I’ve been caught up in other tasks, so I haven’t been able to respond. So, I did find the section of the CSS where it says

#spMainContainer .spTopicPostSection.spOdd .spPostSection {

I want to change the background color to white. What code would I type?

Also, what code would I type to add black text?

Thanks.

JB Justin Buehler
Justin Buehler
Member

The white background is there, but the font is grey, not black. I put in the code like you suggested above. What’s causing this?

MP Mr Papa
Mr Papa
Member

again, firefox with firebug is the easiest way to do this… you can easily inspect any element and see the driving css…

change

#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent {

to use

color: #000000;

JB Justin Buehler
Justin Buehler
Member

Thanks! I realized I was only making the change to the default CSS file, not the theme’s file. It worked!