Topsy Retweet Button
Styling Topsy Twitter Trackbacks (5 posts)

  1. gaplauche
    Posted 6 years ago #

    I finally figured out how to get the Thesis theme to display trackback text, but now that the text is displaying I find myself desperately wanting to change the styling. If you look at the two trackbacks on this post, you'll see the one from a website looks fine but the Topsy Twitter trackback is different (large, gray text; too much space between lines; and a huge url). How can I fix this so that the Topsy Twitter trackbacks look like regular trackbacks from websites?


  2. gaplauche
    Posted 6 years ago #

  3. topsylabs
    Plugin Author

    Posted 6 years ago #

    We'll take a look and see if we can figure something out. We have reached out to the Thesis author in the past, but he has specifically stated that he is not interested in helping with support for our button, so that makes things a bit more difficult for us. If you and other Thesis users let him know that support for the Topsy button is important to you, that might help. :)



  4. gaplauche
    Posted 6 years ago #

    I'll put in a feature request.

    In the meantime, is there any way I can use custom css to style the retweet trackbacks myself in Thesis's custom.css file? I'm not an expert on css, but I might be able to figure something out if I knew the names of the elements I need to style.

    Also, if anyone knows of a way to separate trackbacks from the comment count in WordPress using custom php, I would love to know how.

  5. gaplauche
    Posted 6 years ago #

    A Thesis support forum member helped me out with some custom css to style the trackbacks and make the regular trackbacks and Topsy tweet trackbacks uniform in appearance:

    ul#trackback_list li a {text-decoration:none;}
    ul#trackback_list li a:hover {text-decoration:underline;}
    ul#trackback_list, ul#trackback_list li {font-size:12px; font-family:georgia; color:#000;}
    ul#trackback_list li a, ul#trackback_list li p {font-size:12px; font-family:georgia; color:#000;}
    ul#trackback_list li span {padding-bottom:10px; font-size:12px; font-family:georgia; color:#666; display:block;}
    ul#trackback_list span.topsy_trackback_comment {padding:0; color:#000;}
    ul#trackback_list span.topsy_trackback_comment span {padding:0; color:#000;}
    ul#trackback_list span.topsy_twitter_username {padding:0;}
    ul#trackback_list span.topsy_trackback_content {padding:0;}

    It's not perfect, since the default styling for regular trackbacks in Thesis has the trackback text slightly smaller than the source link and date, but it is acceptable.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic