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 » WordPress Themes » Atahualpa 3 Wordpress theme » Sidebars & Widgets »

Layout width and color background


  #1  
Old Oct 21, 2010, 11:22 PM
sonya
 
16 posts · Jun 2009
Austin, TX
Hi, I'm trying to figure out how to set background color outside the container for posts and widgets. I'm really looking for an effect similar to this forum or http://thehappiestmom.com/ so the layout width is around 80%, the background for the posts and sidebars is still white, but the area outside that 80% has a background color. I know how to change the layout width but can't figure out where to set the color for the page margins. Please help.
  #2  
Old Oct 21, 2010, 11:25 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
That is in the Atahualpa Theme Options (ATO)>Body, Text, & Links. You just set the background color.
__________________
~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.
  #3  
Old Oct 22, 2010, 08:49 PM
sonya
 
16 posts · Jun 2009
Austin, TX
Thank you for your quick response, but I don't want to change the background color on the body. I want it only on the margins like on http://thehappiestmom.com. She's got a white background on the body and posts but turquoise in the margins. If I set layout width to 80%, is there a way of setting the color for the 20% outside margins?

Thanks!

Sonya
  #4  
Old Oct 22, 2010, 09:11 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
The turquoise color you are referring to is the body color. Try putting a color in ATO>Body, Text & Links and you will see what I 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.
  #5  
Old Oct 22, 2010, 10:44 PM
sonya
 
16 posts · Jun 2009
Austin, TX
Hi Larry,

I changed the background color before I ever posted to the forum. It changes the background color of everything, my posts, the sidebars, widgets, ...everything. I just want the margins to have background and for everything else to stay white. What am I missing?

Thanks!
  #6  
Old Oct 22, 2010, 11:06 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
The site is made of layers. You have the body or background. The sidebars, posts, center column sit on that. So in some cases you have to add background colors to those items so they aren't transparent. If you start by going to ATO>Style and configure Sidebars and put a white background there you will see what I 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.
  #7  
Old Oct 23, 2010, 12:39 AM
sonya
 
16 posts · Jun 2009
Austin, TX
I definitely do see what you mean and I really appreciate you sticking with me on this one. My problem is that I'm not trying to change the background color of the posts, body, sidebars or anything I can manage to find in any of the layout options.

If I change the layout width to 80%, how do I configure only the 20% outside of the regular layout so that it has a color background? Or if I have to set the color background, how do I keep everything but the 20% outside the sidebars and posts white?

When I go to http://thehappiestmom.com I see hers in turquoise, on http://www.happiness-project.com/ I see light purple. How do they do that?

Sorry this is being so difficult for me to grasp. I am grateful for your help.
  #8  
Old Oct 23, 2010, 05:32 AM
juggledad's Avatar
juggledad
 
23,755 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
What Larry was saying is that unless you set the sidebar and center area colors, you will see the page background color. Think of several sheets of transparent paper. The first you lay down is the background and you paint it blue. Next you lay down the sidebar sheet which is cur a little smaller than the background sheet. All you see is blue, but you can now paint it red

So now you see a blue margin, red on the two sidebars and blue again in the center. You lay down the center sheet (which exactly fits between the sidebars) and you paint it yellow.

Each layer is independent of the others and you can have post containers another color, widgets containers different, the text block in a widget container could even be different again.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Oct 28, 2010, 09:29 PM
sonya
 
16 posts · Jun 2009
Austin, TX
Thank you for your explanation. I totally understand this layer concept and have figured out where to set background for sidebars, widgets, posts, etc. But I can't figure out where I can configure background for areas outside the sidebars. If layout is set at 80%, where do I set the color for the 20% margin?

Thanks!
  #10  
Old Oct 28, 2010, 10:27 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
That 20% (10% left and 10% right) is the background and is set in ATO>Body, Text, & Links. You put a background color or image in the box there. For instance if you wanted a black background you would use...
HTML Code:
background: #000;
There is an example of how to put a background image on the top of that page.
__________________
~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 Jan 5, 2011, 10:19 AM
jim2122
 
1 posts · Jan 2011
Thanks Larry, your first response was perfect - short and precise. Worked nicely for me!

Bookmarks

Tags
layout width, page background

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to extend page menu background color across layout MacMacGA Page & Category Menu Bars 3 Aug 26, 2010 04:01 PM
[SOLVED] Layout width being ignored! sjedwardz Center area post/pages 1 May 31, 2010 01:56 PM
[SOLVED] Layout WIDTH vs. Layout Container Olivier Header configuration & styling 2 Jul 13, 2009 06:18 PM
Fixed width site. Different page background color from body color? blueprairie Forum How-To 1 Mar 20, 2009 08:55 PM
problem with Layout MAX width and XHTML valididation frankhamm Atahualpa 3 Wordpress theme 4 Feb 18, 2009 04:04 AM


All times are GMT -6. The time now is 01:14 PM.


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