Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » Forum Usage » Forum How-To »

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


  #1  
Old Jul 18, 2010, 03:58 PM
crobertl
 
5 posts · Jul 2010
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.
  #2  
Old Jul 19, 2010, 08:05 AM
lmgalloway
 
1 posts · Jul 2010
Pleasant Ridge, MI
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

Last edited by lmgalloway; Jul 19, 2010 at 08:19 AM.
  #3  
Old Jul 19, 2010, 12:45 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #4  
Old Aug 4, 2010, 03:42 PM
Bjoernjohansen
 
4 posts · Aug 2010
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.

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
  #5  
Old Aug 4, 2010, 03:58 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #6  
Old Aug 4, 2010, 04:21 PM
Bjoernjohansen
 
4 posts · Aug 2010
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
  #7  
Old Aug 4, 2010, 04:40 PM
Bjoernjohansen
 
4 posts · Aug 2010
Thanks a million!

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

Best regards

Bjørn
  #8  
Old Aug 4, 2010, 05:32 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Aug 5, 2010, 02:33 PM
inlandlight
 
2 posts · Jul 2010
Greater Los Angeles Area
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!
  #10  
Old Aug 5, 2010, 03:01 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
See post #7 in this thread.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #11  
Old Aug 5, 2010, 03:36 PM
inlandlight
 
2 posts · Jul 2010
Greater Los Angeles Area
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!
  #12  
Old Aug 5, 2010, 03:50 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Yes... If you want just a background color the code would be the following if you wanted a gray background.
HTML Code:
background: #dddddd;
The default style does indeed use a background image.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #13  
Old Aug 20, 2010, 08:56 AM
mathmojo
 
21 posts · Oct 2009
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.
  #14  
Old Aug 20, 2010, 03:13 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #15  
Old Sep 7, 2010, 04:28 PM
Kimberly Gill
 
20 posts · Aug 2010
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!
  #16  
Old Sep 7, 2010, 07:09 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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
HTML Code:
<body class="home blog logged-in">
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
HTML Code:
body.home td#middle {
background-color:red;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #17  
Old Sep 8, 2010, 11:16 AM
Kimberly Gill
 
20 posts · Aug 2010
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!
  #18  
Old Sep 8, 2010, 02:35 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #19  
Old Sep 8, 2010, 03:19 PM
Kimberly Gill
 
20 posts · Aug 2010
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?
  #20  
Old Sep 8, 2010, 03:49 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #21  
Old Sep 10, 2010, 03:52 PM
Kimberly Gill
 
20 posts · Aug 2010
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.
  #22  
Old Sep 10, 2010, 10:25 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
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.
HTML Code:
body.home td#middle {
background-color:red;
}
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #23  
Old Sep 11, 2010, 04:04 PM
Kimberly Gill
 
20 posts · Aug 2010
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
  #24  
Old Sep 11, 2010, 06:05 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Maybe I'll get this right eventually. Try changing the background color in ATO>Style & configure Layout>Layout container style.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #25  
Old Sep 12, 2010, 11:00 AM
Kimberly Gill
 
20 posts · Aug 2010
That did it! Thank you a million.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Changing background color for entire theme Netforest Header configuration & styling 2 Nov 5, 2009 12:54 PM
[SOLVED] How to change Post Content (Body) background color darmanpurba@gmail.com Forum How-To 6 Aug 10, 2009 06:34 AM
Change the color of the Body Glalax Atahualpa 3 Wordpress theme 1 Apr 14, 2009 06:30 AM
Fixed width site. Different page background color from body color? blueprairie Forum How-To 1 Mar 20, 2009 09:55 PM
How to set body background to white color? araneum Atahualpa 3 Wordpress theme 2 Feb 8, 2009 02:40 PM


All times are GMT -6. The time now is 09:31 PM.


Powered by vBulletin® Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.