I just added the FriendFeed widget to my blog, as well as updating the theme to something a lot nicer. Unfortunately, some weird CSS magic is going on where the widget’s text is way too big. I’ve tried adding CSS rules with !important, but they still aren’t being honored. Anyone care to take a look and tell me what I’m doing wrong?
At the core I can tell my theme’s style.css file has a rule for .entry that defines the font and font size, and that rule is conflicting with the FriendFeed widget, which also has div elements of class “entry”. But the override rules that Firebug is showing me (by crossing through rules that are being overridden) indicates that my !important rules I’ve added are being honored. And yet the right look for the widget doesn’t happen until I turn off a particular rule that is already shown as crossed out.
I’m thoroughly stumped here.
on Aug 12th, 2009 at 3:52 pm
I dunno if you fix your problem but don’t forget to add (at the correct place) ” !important ” at the end of each lines define friendfeed css.
For example : #friendfeed .bottom {background:none!important;}
But i agree with you, it’s still difficult to custom this widget …
You can also find advices over here :
http://groups.google.com/group/friendfeed/browse_thread/thread/0e63ed90af1cc018
http://learnbythedrop.com/drop/127