Twitter widget customization and CSS overrides

For Steven can plan, I wanted to override the CSS styles that were being applied to the Twitter widget I installed (Twitter Widget Pro). My WordPress blog’s theme had a stylesheet that made every link in a widget exist in a block (meaning it sits alone on its own line).

I thought that if you just added a new class selector style in the stylesheet, the browser would apply the style  most recently defined. I thought it worked for me before, but it was not working now. I found this post on CSS Tricks and the solution was clear and IT WORKED:

font-size: 24px !important;

The power of CSS


2 Responses to “Twitter widget customization and CSS overrides”

  1. 1 sephiroth December 5, 2010 at 7:49 am

    Good Post! I’m facing the same problem with css style from my theme
    that make look like the twitter badge very ugly.
    Where did you put the styles?

    • 2 Steven Vance December 5, 2010 at 3:17 pm

      I edited the widget’s stylesheet directly.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

My Photos

Twitter Updates

Error: Twitter did not respond. Please wait a few minutes and refresh this page.


%d bloggers like this: