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 » Header configuration & styling »

[SOLVED] How to remove side padding around header area only.


  #1  
Old Nov 9, 2010, 04:35 PM
dudu
 
2 posts · Nov 2010
How do I remove the side padding around the header image and menu bars.
I still want the padding in the body section.
  #2  
Old Nov 9, 2010, 05:16 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Go to ATO>Style and configure Layout and remove the side padding then you go to ATO>Style Post and Pages use margins and padding there to move the pages in. Then you will need to go to ATO>Style Widgets and ATO>Style and configure Sidebars to make CSS changes there as well.

If you start playing with the CSS I think you should see how this would work.
__________________
~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 Dec 4, 2010, 10:03 AM
jstein
 
95 posts · Sep 2010
Quote:
Originally Posted by lmilesw
Go to ATO>Style and configure Layout and remove the side padding then you go to ATO>Style Post and Pages use margins and padding there to move the pages in. Then you will need to go to ATO>Style Widgets and ATO>Style and configure Sidebars to make CSS changes there as well.

If you start playing with the CSS I think you should see how this would work.
Can you be a bit more specific about what exactly to do in the ATO>Style Post Pages? I've been messing around in there but can't find the right way to move the pages in. Here's my site if you want to see what I mean: www.embodiedawake.com

Thanks!
  #4  
Old Dec 4, 2010, 01:26 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
In your case you will need to add left padding to your left sidebar in ATO>Style & configure sidebars. Then you will probably have to redo the image size as you are effectively reducing the sidebar width. This positioning stuff can get so intertwined at times. Makes life interesting though.
__________________
~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 Dec 4, 2010, 01:46 PM
jstein
 
95 posts · Sep 2010
Would that be the left and right sidebar style? I tried changing the padding form 10px to 20px and didn't see any change. Did I do it right?
  #6  
Old Dec 4, 2010, 02:22 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You only have a left sidebar so I would add padding-left:20px; to the Left sidebar style box and leave the padding-right as it is.
__________________
~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 Dec 4, 2010, 02:33 PM
jstein
 
95 posts · Sep 2010
Really what I'm wanting to do is creating a slightly wider margin on both left and right of the page. The margins were shrunk when I got rid of the margin in the header. Is this possible? I like the header the way it is but can't figure out how to make my margins in the main body wider.
  #8  
Old Dec 4, 2010, 02:44 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You can add left padding to the left sidebar or you can add a left margin to the class of widget in the left sidebar. You would add something like the following in ATO>Add HTML/CSS Inserts>CSS Inserts
HTML Code:
td#left div.widget {    margin-left: 20px;}
You will then have to resize your image to fit in the now smaller sidebar or increase the width of the sidebar to compensate. You will probably also want to add some left and right padding to the center column (td#middle)
__________________
~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 Dec 4, 2010, 03:03 PM
jstein
 
95 posts · Sep 2010
Thank you! I actually just got rid of my left sidebar and will probably put one in on the right soon. But for now the text goes right up to the left side of the page, on all pages. Can you give me some specific instructions on where to make adjustments to increase the margins?

This is happening because I expanded the header to reach out to the edges but it has effected the whole center column.

Last edited by jstein; Dec 4, 2010 at 03:41 PM. Reason: updated page
  #10  
Old Dec 4, 2010, 03:47 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
It looks like you have padding on your center column (ATO>Style & edit Center Column) of
HTML Code:
padding: 10px 50px;
Just add !important to the end as in.
HTML Code:
padding: 10px 50px !important;
This will override any styling mentioned elsewhere.
__________________
~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 Dec 4, 2010, 03:58 PM
jstein
 
95 posts · Sep 2010
Boy, that was refreshingly easy!

Thank you again for your help!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How do I remove the padding in the center area of the homepage only? turnerbearing Center area post/pages 11 Feb 18, 2010 06:16 AM
How can I remove the padding from the header image area jasmin Header configuration & styling 8 Jan 15, 2010 08:47 AM
[SOLVED] How do I remove the padding between my logo and header image Ninak Header configuration & styling 2 Dec 29, 2009 05:35 AM


All times are GMT -6. The time now is 12:49 AM.


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