Archived

This topic is now archived and is closed to further replies.

Twitter widget in iBlogPro4

16 posts in this topic

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Jackey

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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!

Share this post


Link to post
Share on other sites

Posted · Report post

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?

Share this post


Link to post
Share on other sites

Posted · Report post

Try this:

.welcometext .twitter{display:none}

Thanks, Bryan

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks Brian. Can you help me with this one: ewlLg.jpg 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!

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

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. Gex4b.jpg A live link here

Share this post


Link to post
Share on other sites

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites

Posted · Report post

@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. JoDi0.jpg

Share this post


Link to post
Share on other sites

Posted · Report post

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; } ` 0jY2i.jpg

Share this post


Link to post
Share on other sites

Posted · Report post

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

Share this post


Link to post
Share on other sites