Need Help

Last Update: June 22, 2016

I've been searching the WP forums and Studiopress about changing the background color of the whole site. The tutorials they provide all change the background of the posts and sidebar container, but not the website background (the one seen at the back and at the sides).

I wish to maintain the post containers and sidebar backgrounds as white, but I want the entire background as well as the header background as gray (#ededed). I can't find header background as well, I tried following tutorials but they don't work.

I hope I'm making sense :)

Anyway, I tried changing the "wrap { " background color but it affected the post and sidebar container. I am new to html so I hope someone could help me.

Thanks in advance.

Join the Discussion
Write something…
Recent messages
lucas57 Premium
If it's any help, there's a brilliant premium plugin out there which enables you to completely control your CSS. If you want to PM me I'll let you know where you can get it from - I don't think it would be appropriate for me to put an affiliate link in here :-(
The only thing with it is - you have to contact WP support so then can let it authorize when you install it on WP.
Reply
caisaki Premium
Thank you :) I'll send you a pm once I get home.
Reply
lucas57 Premium
no probs
Reply
ukols13 Premium
What grt007 will work but you should be aware of if you change core theme files, if and when you come to update your theme it will overwrite any changes you have made. There are ways around this but you would have to do a search on how to do it.
Reply
caisaki Premium
I see, thanks for the info. I will try it on my test site first then. I'll look for the workarounds first :)
Reply
grt007 Premium
As you are using a child theme within Genesis I believe updates to Genesis itself should not overwrite the changes to style.css within the child theme. If you update reinstall the child then yes you will need to redo the changes. You can create custom css but I am not experienced enough to do that within the Genesis framework at this time. Google genesis custom css and you will find reference.
Reply
grt007 Premium
Hi Pearl
You will need to edit your css from the Editor under Appearance on your dashboard. The style.css code should be displayed, if not click on it on the right hand side.
Once displayed click inside the code area and hit CTRL F - find box should open at the bottom. Type in the word "body" and click on the down arrow until you see .body with background-color #fff. Change to #ededed.
Repeat process by finding site-header in the Find area.
Hope that helps. If you have difficulty I could prepare a guide for you.

Regards
Geoff
Reply
caisaki Premium
Thanks so much! I will try this one on my test site when I go home and let you know :)
Reply
AriefWibowo Premium
Did you try what Geoff suggest?
Reply
evanstroy87 Premium
cool see you best luck
Reply
grt007 Premium
Hi Pearl
Which Child Theme are you using
Reply
caisaki Premium
Hi, I'm using Jessica child theme. :)
Reply
Top