Need Help
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.
Recent Comments
21
Don't forget to Update the page immediately after changing the appearance. I know that sounds obvious, but I've neglected that one little step multiple times. It's like looking for your car keys while they're in your hand. Or thinking the computer's broken when it's not plugged in.
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.
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.
I see, thanks for the info. I will try it on my test site first then. I'll look for the workarounds first :)
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.
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
See more comments
Check in your appearance menu on the left side in you dashboard. That's where I changed mine.
It doesn't work on mine when I tried yesterday..
Oh. Maybe you should try giving the WP support line a call or email.