Forums

CSS for Twitter in sidebar (5 posts)

  1. prazim
    Member
    Posted 5 months ago #

    I am presenting my latest tweets in the sidebar using Twitter's javascript:

    <div id="twitter_div">
    <h2 style="display: none;" >Twitter Updates</h2>
    <ul id="twitter_update_list">
    follow me on Twitter
    </div>
    <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
    <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/prazim.json?callback=twitterCallback2&count=13"></script>

    It looks beautiful EXCEPT that the title of the tweet is not properly indenting on either the left or the right.

    I tried this CSS :
    /* CSS for Latest Tweets */
    div#right twitter_update_list li a
    {
    margin-left: 12px;
    margin-right: 12px;
    }
    But it didn't fix it.
    Thanks for your help!
    Sue

  2. cais
    Member
    Posted 5 months ago #

    Did you try changing your CSS to:

    #twitter_update_list
    {
    margin-left: 12px;
    margin-right: 12px;
    }

    You could fine tune the CSS more still but this should get you started.

    Unless you were trying to change the "Twitter Updates" title, then you could try this element (and remove the inline display:none):

    #twitter_div h2 {
    }
  3. prazim
    Member
    Posted 5 months ago #

    I did, and that didn't fix it.

  4. cais
    Member
    Posted 5 months ago #

    A link to your blog may help sort this out a bit more ...

  5. prazim
    Member
    Posted 5 months ago #

    http://www.halfthekingdom.org/wordpress

    right sidebar 3/4 down...

    thanks so much

Reply

You must log in to post.

About this Topic