Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] How to remove side padding around header area only. (http://forum.bytesforall.com/showthread.php?t=11062)

dudu Nov 9, 2010 03:35 PM

[SOLVED] How to remove side padding around header area only.
 
How do I remove the side padding around the header image and menu bars.
I still want the padding in the body section.

lmilesw Nov 9, 2010 04:16 PM

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.

jstein Dec 4, 2010 09:03 AM

Quote:

Originally Posted by lmilesw (Post 48915)
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!

lmilesw Dec 4, 2010 12:26 PM

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.

jstein Dec 4, 2010 12:46 PM

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?

lmilesw Dec 4, 2010 01:22 PM

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.

jstein Dec 4, 2010 01:33 PM

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.

lmilesw Dec 4, 2010 01:44 PM

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)

jstein Dec 4, 2010 02:03 PM

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.

lmilesw Dec 4, 2010 02:47 PM

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.

jstein Dec 4, 2010 02:58 PM

Boy, that was refreshingly easy!

Thank you again for your help!


All times are GMT -6. The time now is 10:51 AM.

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