Wordpress Themes - WP Forum at BFA - Remove space padding between header widget (my slideshow) & menu bar?

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)

- Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)

- - Remove space padding between header widget (my slideshow) & menu bar? (http://forum.bytesforall.com/showthread.php?t=6294)

Athena account2

Mar 15, 2010 04:07 PM

Remove space padding between header widget (my slideshow) & menu bar?

Hi,

I think I've managed to look everywhere, but I can't seem to locate where to change the space/padding between my my header widget( my slideshow) & menu bar. There is a gap I'd like to remove if possible.
All newest ATO & WP, site vintagepreciousboutique.com
Thanks! :)

juggledad

Mar 15, 2010 05:52 PM

I think that is caused by the styling for the slideshow, try reducing it's height

Athena account2

Mar 15, 2010 06:48 PM

Hi,
well I played around with it even making 20px high to see what would happened the space didn't change. when I temp tried different slideshow before the one I am using it did the same thing.

juggledad

Mar 17, 2010 05:54 AM

the gap you are seeing comes from two places, one is the widget bottom margin - this is set to a default of 15px to give spacing between widgets in the sidebars (see ATO->Style WIDGETS->Widget Container)

You don't want to change this because it will effect the sidebar styling, instead you need to add a CSS insert like this to shut it off for your widget area

HTML Code:

div.bfa_widget_area div.widget { margin-bottom: 0px;}

the second part of the spacing is being caused by the CSS for the slide show. You will need to look at this CSS to figure out what it is using for the padding/margin of the slide show.

Athena account2

Mar 17, 2010 11:22 AM

Hi,
Thanks I did enter that, but it didn't make any difference, I took out the space before the 1st { still no change. 15px gone would be great. I did fish around the css of the slideshow gallery the only padding in there that I can understand is for inside the gallery. The padding seems to be equal below and above the slideshow/widget plus what ever is there for the search box. hmmm.....

juggledad

Mar 17, 2010 02:28 PM

to see that this does effect things change the 0px to 50px and see what happens.

famecherry

Mar 27, 2011 06:03 AM

Thank you very much for your pointer, I managed to fixed my gap with the code you provided after fussing with it for about 2 hours ! =)

The full code should look like this

Code:

%logo %pages %image %cats <?php bfa_widget_area('name=Header&cells=3&align_1=8&align_2=1&align_3=4&width_1=185&width_2=728&width_3=185&before_widget=<div.bfa_widget_area div.widget { margin-bottom: 0px;}>&after_widget=</div>'); ?>

Athena Account 2 I think the code not working for you coz you never wrap the code with the div thingy

You should put

Code:

&before_widget=<div.bfa_widget_area div.widget { margin-bottom: 0px;}>&after_widget=</div>'); ?>

As you can see, after adding the code to my page the gap isnt there anymore ! =) yay !

btw, this code that I put here creates 3 cells with the middle cell hosting a standard widget space of 728 ;-) Perfect for header banners, took me whole of yesterday night just to figure it out ! XD but oh well, now I know it already

All times are GMT -6. The time now is 05:12 PM.