Twitter Widget Title: How to Change the Colour?

  • Unknown's avatar
    ecolesbovego · Member ·

    I added the WordPress.com Twitter widget to my blog today, and for some reason it is not using the #subcontent header colour or font size like the rest of the widgets. I tried substituting it with the RSS widget and had the same problem. Possibly it is not a header within the #subcontent class, but I tried .widgettitle too and that didn’t work either. I fiddled with the #subcontent code with no success, but my CSS knowledge is reasonably limited, so it’s probably something simple I’m missing.

    Searching the forum turned up similar problems, and one that was identical to my issue, but when I applied the fixes, there was no change.

    Also, some of the links in the tweets are extending to the extreme right edge of the sidebar – do I need to add some padding or something to fix this?

    Can anyone help?

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    timethief · Member ·

    We have only a single volunteer that helps with CSS editing so you will have to be patient as you wait for him to log in and locate this thread and help you. If you have not previously read this post then you may want to do that now. http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

  • Unknown's avatar
    ecolesbovego · Member ·

    Thank you for letting me know. I’m fine to wait – this isn’t an urgent issue. :)

    Thanks also for adding the link to that post – I hadn’t read it before. It pretty much just reiterated stuff I already knew, but it was good to get confirmation that I wasn’t doing everything wrong!

  • Unknown's avatar
    devblog · Member ·

    The title of the Twitter is a link, that’s why is not being styled.

    Add this next to your “#subcontent h2” selector:

    #subcontent h2 a

    So both selectors together should look like this:

    #subcontent h2, #subcontent h2 a {
color:white;
background:#82E07C url('images/spring_flavour/corner_top_left.gif') top left no-repeat;
font:100%/130% Verdana, sans-serif;
}

    To fix the overflowing tweet, add this to your CSS:

    .tweets {overflow: hidden;}
  • Unknown's avatar
    ecolesbovego · Member ·

    I suspected it might have had something to do with it being a link (based on the content of another forum post I found), but I couldn’t figure out how to fix it!

    Your instructions work beautifully.

    Thanks so much!

  • The topic ‘Twitter Widget Title: How to Change the Colour?’ is closed to new replies.