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)
-   -   CSS to fix images in sidebars? (http://forum.bytesforall.com/showthread.php?t=1295)

boruma Apr 16, 2009 01:38 PM

CSS to fix images in sidebars?
 
http://obrienclan.boruma.com/

Notice the two sidebar widgets in which square images and related text appear. I can't figure out why they aren't showing up properly; that is, beneath one another instead of wrapping together. It isn't the widget as they appear properly here: http://boruma.com

Any insight on what code I can drop in the Atahualpa settings to fix that?

Flynn Apr 16, 2009 03:55 PM

Add a CSS Insert

div.events_widget_events_upcoming ul li {
clear: left;
}

boruma Apr 17, 2009 10:50 AM

Beauty Flynn, but that worked on the left but not the right
I tried following that code with this
Code:

div.groups_widget ul li {
clear: left;
}

But that didn't work. Any suggestion?

Flynn Apr 17, 2009 11:30 AM

The class name of that widget is different

div.groups_widget_groups_list ul li {
clear: left;
}

It has an ID too. If a DIV has an ID, too, it is usually better to use that because ID's take precedence over classes and are more likely to overwrite other existing CSS rules

div#groups ul li {
clear:left;
}

It should also work if you just declare this for all widgets

div.widget ul li {
clear: left;
}

This should not affect the other widgets but this would have to be tested.


All times are GMT -6. The time now is 07:38 PM.

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