Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Sidebars & Widgets (http://forum.bytesforall.com/forumdisplay.php?f=14)
-   -   Problem with spacing above and below widgets (http://forum.bytesforall.com/showthread.php?t=2090)

paulae Jun 18, 2009 07:25 AM

Problem with spacing above and below widgets
There is too much white space between widgets in one part of my right sidebar. I've used Firebug to inspect the code, and I can't see where to change this. Please take a look? Right sidebar, after the bank and real estate ads, there is too much space before the next block of rotating ads and the second block of rotating ads. http://www.larchmontgazette.com/

The other widgets are properly spaced.

juggledad Jun 18, 2009 08:41 AM

this is caused by the height setting for that content. it now shows
HTML Code:

                        <style type="text/css">
                                div#sponsors_slideshow_458778501 div {
                                        width: 170px;
                                        height: 170px;

change it to
HTML Code:

                        <style type="text/css">
                                div#sponsors_slideshow_458778501 div {
                                        width: 170px;
                                        height: 150px;

and see if the spacing looks better

paulae Jun 18, 2009 08:55 AM

I'll try it, but those are the dimensions of the ad images.

juggledad Jun 18, 2009 09:20 AM

Just do it to the first one and that seems to fix it (if I'm seeing the issue you are) If yu do it to the secode one , the add ends up overlapping the 'report a problem' area.

paulae Jun 18, 2009 09:29 AM

Gosh. I can't even tell if it worked. I changed the height of the first one to 150px. I did it in the widget itself, not in any HTML/CSS insert. Is that what you meant? There is still too much space between the real estate ad and the next ad block, and there are no dimension choices with that PHP code, that I can see.

juggledad Jun 18, 2009 04:11 PM

This is mainly caused because of the styling caused by the sponsor slideshow widget.

You have 4 images (widget 1, widget 2, widget 3 and widget 4)

Widget 1 is a plain image being displayed and has a class 'widget' associated so the Atahualpa widgets option (margin, padding etc) will apply.

Widget 2 is also a image being displayed, but it is NOT of teh class 'widget' so the Atahualpa options don't apply

Widget 3 and 4 are sponsor slide show widgets and the both the Atahualpa widget options apply as well as the styles from the sponsor slideshow style.css

to see what I mean, temporally put a border around the widgets (border:1px solid #000;) to see how much white space is between them and where it is.

paulae Jun 18, 2009 04:15 PM

I tried changing the height dimension on that widget, and it broke in MSIE. The image would half-load, then stop. Oh well....I will keep trying. Thanks.

All times are GMT -6. The time now is 02:28 PM.

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