[SOLVED] how to change the entire background color, not the body color?
 

I'm trying to change the background color behind the actual page itself. It is a very drab gray color and I want to jazz it up a little. I could only find a modification field for the body background color. Please help.

Thanks, Chris.

I changed the background at: Dashboard/appearance/Atahualpa Theme Options/Overall Style & Config./Style &configure layout. Second line down code is "background: #xxxxxx".

I changed the background and removed the gray color on the sides at: Dashboard/appearance/Atahualpa Theme Options/Overall Style & Config./Body, Text & Links and changed the color to match the background.

I also set the padding at the top and bottom to "0" at the location at the top of this message.

Larry

If you look at all the Atahualpa section that contain the work "Style" you will probably find what you are looking for and if you post a link to the site we could better understand what you mean.

I am facing the same challenge with the gray background colour (#dddddd). I would like to change it to #abffab instead.

I have a very difficult time finding the right place to change the code so that the gray background behind it all changes to be green. :confused:

The website in question is www.hillsbrook.dk

I am using template Atahualpa v. 3.4.9

Any help on this will be highly appreciated

Best regards

Bjørn Johansen

ATO>Body, text, & Links>Body Style.

All the background colors are changed in many different areas. The whole background is where I mentioned. Then there are the sidebars, posts, footer, etc. You really need to just look through all the Theme Options and try different CSS styles to get an idea of what you can change.

Thanks for your fast answer. That's impressive.

It may be me not understanding the structure of all this, but why am I to change background colour at the "sidebars, posts, footer, etc." when it is the colour behind it all I want to change?

I had the naive hope that I could change it with one change. But as I read you that is not the case? instead I have to change the code in the various php-files?

Best regards

Bjørn

Thanks a million! :)

That helped! I was so close and yet so far away, but now it's a wrap.

Best regards

Bjørn

Sorry for my confusing message Bjoernjohansen. As I reread it I realized how unclear it was. Sometimes I want to give people more information than that need at the time.

In your case changing that one color is all you needed to do. After explaining how to change the overall background color I should have said something like the following.

You can also change the background color of the sidebars, posts, widgets, etc. in other areas of the theme options. They can even be transparent.

I'm having the same problem finding where you change the entire page color or background color, not the body color of the page (the whole screen color behind the website page) please advise. Thank you!

See post #7 in this thread.

Thank you! One note, when you change this from the default you have to delete the background image "url tag" or the color tag won't work. Thanks again!

Yes... If you want just a background color the code would be the following if you wanted a gray background.
The default style does indeed use a background image.

Please excuse my confusion. I've read the entire post, but I'm still not clear on something.
I just want to change the color of the page outside the blog (not the entire background, which seems to include the internal parts, like the center column).

I noticed that in the new versions the area I am talking about is automatically grey (ddd). When I follow the advice in post #7, the internal areas also change the color I specify.

I'm not sure I'm making myself clear. I hope so. Does this mean I also have to go in to the style post and pages area and the style center column area and change those back individually?

I'm using 3.4.9 on wp 3.0.1. Url is http://mathmojo.com/chronicles

Thanks for any help I can get on this.

All the various areas (body, center column, sidebars, etc) can have a color or be transparent. If you set for instance the center column as transparent you will see the body background color. Or if you give the center column a color and set the post or page with a background of transparent you will see the center column color. It makes for a great amount of flexibility but you do have to do a bit of thinking to decide which gets colors or is transparent to give you the design you want.

Is it possible to only change the body color for a static "home" page without affecting the body color on the other blog pages? I am talking about the color in the center column, not the gray border. Thanks in advance!

If you view source on any page and search for "body class" you can determine the selector for the page. For instance for the home page you would see
The selector would be body.home

Then you can use that selector with the selector for the center column which is td#middle to build a selector that will only affect the center column on the home page. You could add any CSS style you want. For instance if you want a red background in the center column only on the home page you would add the following to ATO>Add HTML/CSS Inserts>CSS Inserts

I'm sorry, I don't think I accurately described what I was looking to change. I do not want to change the color behind the text in the center column on my static home page- I believe this is called the body, what I want to change is the entire center column that is white by default. It is the same center column on this forum page that is within the gray border.

Thank you!

The code I gave you will affect the area you are talking about but to have a different background behind the words you need to add background CSS to ATO>Style Posts & Pages>Post Container. That container is by default transparent so the middle column background shows through.

If you have sidebars and you want them to have the same color as the middle column you need to add CSS for td#right and/or td#left with background colors as well.

Does that make sense? Sometimes explaining this stuff is difficult.

Ok, so this is what I understood to do, I must enter this code:

body.home td#middle {
background-color:red;
}

here:

ATO>Style Posts & Pages>Post Container

to only affect the white or transparent background on my static home page.

I tried this but nothing happened at all. Did I misunderstand?

That code would not work in the Post Container box. Only in CSS Inserts.

I think I need to be clear on what color you want to change. Please take a look at this screenshot and see if I am understanding correctly.

Yes, it is the whole section within the gray border. Because it is on my homepage it's just a small area with no side bars or anything.

Then it would seem that putting the code below in ATO>Add HTML/CSS Inserts>CSS Inserts should work. Of course you will want to change the background color to your liking.

This code is only changing what is behind the text red. I want to change the entire white portion of the screen, check it out: www.kimberlygill.com

Maybe I'll get this right eventually. Try changing the background color in ATO>Style & configure Layout>Layout container style.

That did it! Thank you a million.