Twitter widget in iBlogPro4

[Jackey 29]

My twitter widget displays correctly when used in the Footer Columns, but when used in Lower Sidebar of Drag and Drop Sidebar, only the Title shows.

[cmunns 16]

Thanks Jackey

[Jackey 29]

Very welcome... but do you have a fix?

[Andrew 207]

will look into it. Is it working ok in all other places? Do you have it in multiple areas on the page? Andrew

[Jackey 29]

The twitter widget on the lower sidebar only shows the title in black (should be green). And the widget does not have any content. In the accordion sidebar amd the drag and drop sidebar it only displays the header, no content either. In the footer columns it displays as expected. Sorry... ignore all this, it seems to be my cunning custom code at work!

[Jackey 29]

It seems that ` #sidebar .twitter { display:none; } ` Not only removes the twitter under the welcome message (a bit much when you have have it on the Footer Columns already), but affects the Twitter widget in the sidebars as well. Do you have a suggestion?

[bryan-hadaway 3]

Try this:

.welcometext .twitter{display:none}

Thanks, Bryan

[Jackey 29]

Thanks Brian. Can you help me with this one: The tweet icon and text is not aligned properly, and the text needs to indent left about 16pixels. I can't figure out to only select the twitter widget in the accordion sidebar. Thanks!

[cmunns 16]

I believe here is what you're looking for: ` #sidebar #accordion ul.twitter li{margin-left:20px;} `

[Jackey 29]

Thanks Adam! That is what I was looking for... still learning...

[Jackey 29]

Hi Adam, Can you point me to a fix for a similar problem? This is bothering me quite some time now ... Can't figure out how to make the wrapped text to align left. A live link here

[cmunns 16]

Try adding a margin-left of 2em to the ul of the widget and a text-indent of -2em to the list items inside it.

[Jackey 29]

Tried that, the icon moves with the margin. I can't seem to isolate the icon from the text.

[Jackey 29]

@Adam For the twitter listing in the accordion sidebar I came up with this: ` #accordion .twitter { margin:0; color:#000; } #accordion ul.twitter li { padding:3px 0 3px 24px; } #accordion .twitter-timestamp abbr { color:#999; letter-spacing:0.04em; } #accordion ul.twitter { background:none; } #accordion ul.twitter li { background:url("/wp/wp-content/themes/iBlogPro/images/twitter-bubble.png") no-repeat scroll 0 5px transparent; font-size:12px; } ` So I get a similar icon-listing as the others.

[Jackey 29]

Found the solution to the other one as well: ` #sidebar #accordion .widget_recent_entries + div ul li a, #sidebar .widget_recent_entries ul li a { background:none; padding-left:0; } #accordion .widget_recent_entries + div ul li { background:url("/wp/wp-content/themes/iBlogPro/images/icons/sticky-note-pin.png") no-repeat scroll 0 6px transparent; padding-left:23px; } `

[cmunns 16]

Yeah probably a good idea to keep them consistent with spacing. Thanks Jackey