Jump to content


Photo
- - - - -

Twitter widget in iBlogPro4


This topic has been archived. This means that you cannot reply to this topic.
15 replies to this topic

#1 Jackey

Jackey

    Advocate

  • Members


  • 685 posts

Posted 23 April 2010 - 08:57 AM

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.

#2 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 26 April 2010 - 04:18 PM

Thanks Jackey

#3 Jackey

Jackey

    Advocate

  • Members


  • 685 posts

Posted 03 May 2010 - 02:12 PM

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

#4 arpowers

arpowers

    Founder

  • Administrators
  • 3270 posts

Posted 03 May 2010 - 05:45 PM

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

#5 Jackey

Jackey

    Advocate

  • Members


  • 685 posts

Posted 04 May 2010 - 07:18 AM

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!

#6 Jackey

Jackey

    Advocate

  • Members


  • 685 posts

Posted 04 May 2010 - 07:48 AM

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?

#7 bryan-hadaway

bryan-hadaway

    Advocate

  • Members
  • PipPipPipPipPip
  • 3697 posts

Posted 04 May 2010 - 09:40 AM

Try this:

 .welcometext .twitter{display:none}

Thanks, Bryan

#8 Jackey

Jackey

    Advocate

  • Members


  • 685 posts

Posted 04 May 2010 - 04:50 PM

Thanks Brian.

Can you help me with this one:
Posted Image

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!

#9 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 04 May 2010 - 05:52 PM

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

#10 Jackey

Jackey

    Advocate

  • Members


  • 685 posts

Posted 04 May 2010 - 06:29 PM

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

#11 Jackey

Jackey

    Advocate

  • Members


  • 685 posts

Posted 06 May 2010 - 01:12 PM

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.

Posted Image

A live link here

#12 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 06 May 2010 - 05:18 PM

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.

#13 Jackey

Jackey

    Advocate

  • Members


  • 685 posts

Posted 06 May 2010 - 05:42 PM

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

#14 Jackey

Jackey

    Advocate

  • Members


  • 685 posts

Posted 06 May 2010 - 10:14 PM

@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.
Posted Image

#15 Jackey

Jackey

    Advocate

  • Members


  • 685 posts

Posted 06 May 2010 - 11:44 PM

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;
}
`
Posted Image

#16 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 07 May 2010 - 03:41 PM

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