Widget text not aligning correctly in sidebar

StudioGal · #1 Apr 13, 2009, 04:45 PM

I've used the Twitter Tools plugin to add my Twitter feed to my right sidebar.

However, the feeds are not aligning like the rest of my widgets - the grey left border does not display the height of each feed, just a portion of it. So it doesn't look as tidy as the rest of the widgets do.

You can see this here: http://lindafarmer.com on the right sidebar, under "On Twitter ...".

If you compare that to the "Recent Posts" widget above, you will see what I'm referring to (I hope).

Can anybody tell me how to fix this?

Many thanks!

Flynn · #2 Apr 14, 2009, 06:59 AM

Add a HTML/CSS Inserts -> CSS Insert

HTML Code:

div#twitter-tools a:link,
div#twitter-tools a:visited,
div#twitter-tools a:active,
div#twitter-tools a:hover {
border-left: 0;
padding-left: 0;
}
div#twitter-tools li {
padding-left: 5px;
border-left: 7px solid #cccccc;
}
div#twitter-tools li:hover,
div#twitter-tools li:sfhover {
border-left: 7px solid #000000;
}

and in header.php replace

HTML Code:

    if (document.getElementById("recent-comments") != null) { sfHover( 'recent-comments' ); }
    if (document.getElementById("bfa-recent-comments") != null) {sfHover( 'bfa-recent-comments' ); }

with

HTML Code:

    if (document.getElementById("recent-comments") != null) { sfHover( 'recent-comments' ); }
    if (document.getElementById("bfa-recent-comments") != null) {sfHover( 'bfa-recent-comments' ); }
    if (document.getElementById("twitter-tools") != null) {sfHover( 'twitter-tools' ); }

StudioGal · #3 Apr 14, 2009, 09:08 AM

Thanks Flynn, that worked great!
Much appreciated.