I´m having some trouble with the valuable flair you can place on your own website. I want to place it into the sidebar of my blog. The poblem is, the sidebars width is only 190px. The valuable flair is 210px.

Is it somehow possible to smallen it? I dont want to broaden my sidebar.
For example display it with width 105 and height 30.

For better understandment you can look at it on my blog. i left it there although it doesn´t fit properly to show you.

edit: I tried defining the .valuable-flair css buit it alway gets overwritten by the Flair-default.css.

  • I recommend you ask this question on meta.stackoverflow.com, since this is a question about the framework running these sites.
    – Gnoupi
    Aug 28, 2010 at 12:42
  • I thought about posting it here but wasn´t sure... I´m even not sure about stackoverflow ;-)
    – Diskilla
    Aug 28, 2010 at 19:42

1 Answer 1


Try using !important in the CSS, like:

    width: 190px !important;

Checkout the "Javascript" section on https://meta.superuser.com/users/flair


There are a few different default themes you can apply to your flair named: clean, dark, and hotdog. To specify a new theme pass a querystring parameter of theme equal to one of these values. If you want to style your flair manually, specify a theme of none and add CSS to style each element. An example of the CSS styles applied to flair is below.

  • That was it! Thank you. I knew there must be a way. ;-)
    – Diskilla
    Aug 29, 2010 at 2:39
  • @Diskilla you're welcome!
    – Pylsa
    Aug 29, 2010 at 19:47

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .