Customizing the CSS - Use Firebug

In our version we use a more sophisticated way to manage forum styles, and it is no longer control panel based. Instead, you will have to edit the Css code / HTML markup using your editor (visual studio is highly recommended).

Since it is a little complicated, it will make your life easier if you use Firefox 3's Firebug extension to determine the CSS definitions (and the containing files) that affected the HTML element you are looking at.

Firebug is a very very important tool for web designer these daysbecause more and more styling stuff is set in CSS. Styling is no longer soapparent in the HTML source.

I will show you a screenshot here:

This is firebug analyzing my page. I first pull up the firebug screen,and click on the inspect button (lower left), and then use my mouse toclick on the Forum Menu (upper left). In the lower right corner, youwill see the "style" tab selected showing you what definition in whatfiles are setting the style for that element.

You can do 2 things:

1) override the definition if the css file is embedded in a component
2) directly edit the file if it is not embedded

Attached Image(s)

Is there an IE plugin similar?  I don't/won't use firefox..

There is a lite version available for other browsers, or you can simply use IE 8's own feature to do the same.