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!

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

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.

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

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.

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.....

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

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

%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

&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