Need Help

22
21
1.9K followers

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.

22
21

Join FREE & Launch Your Business!

Exclusive Bonus - Offer Ends at Midnight Today

00

Hours

:

00

Minutes

:

00

Seconds

2,000 AI Credits Worth $10 USD

Build a Logo + Website That Attracts Customers

400 Credits

Discover Hot Niches with AI Market Research

100 Credits

Create SEO Content That Ranks & Converts

800 Credits

Find Affiliate Offers Up to $500/Sale

10 Credits

Access a Community of 2.9M+ Members

By continuing, you agree to our Terms of Service and Privacy Policy
No credit card required

Recent Comments

21

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..

1

Oh. Maybe you should try giving the WP support line a call or email.

Not sure on this one. Irv.

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.

Yup, will do, thanks :)

The following source gives information on html color codes. If you know how to go to the backend of your site and insert the code that you want, it should take effect on any theme.

Hi, which one? :)

The tables there should match the back end hex code to your color of preference.

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.

Thank you :) I'll send you a pm once I get home.

no probs

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

Thanks so much! I will try this one on my test site when I go home and let you know :)

Did you try what Geoff suggest?

cool see you best luck

Hi Pearl
Which Child Theme are you using

1

Hi, I'm using Jessica child theme. :)

See more comments

Join FREE & Launch Your Business!

Exclusive Bonus - Offer Ends at Midnight Today

00

Hours

:

00

Minutes

:

00

Seconds

2,000 AI Credits Worth $10 USD

Build a Logo + Website That Attracts Customers

400 Credits

Discover Hot Niches with AI Market Research

100 Credits

Create SEO Content That Ranks & Converts

800 Credits

Find Affiliate Offers Up to $500/Sale

10 Credits

Access a Community of 2.9M+ Members

By continuing, you agree to our Terms of Service and Privacy Policy
No credit card required

2.9M+

Members

190+

Countries Served

20+

Years Online

50K+

Success Stories

The world's most successful affiliate marketing training platform. Join 2.9M+ entrepreneurs building their online business with expert training, tools, and support.

© 2005-2025 Wealthy Affiliate
All rights reserved worldwide.

🔒 Trusted by Millions Worldwide

Since 2005, Wealthy Affiliate has been the go-to platform for entrepreneurs looking to build successful online businesses. With industry-leading security, 99.9% uptime, and a proven track record of success, you're in safe hands.