[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. |
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. |
Quote:
Thanks! |
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.
|
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?
|
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.
|
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.
|
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;} |
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. |
It looks like you have padding on your center column (ATO>Style & edit Center Column) of
HTML Code:
padding: 10px 50px; HTML Code:
padding: 10px 50px !important; |
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.