Just a few generic CSS development tips for you:
-
Get the FireBug Firefox extension. This will allow you to see the source CSS of any element on a page.
-
If a style is being applied by the browser, you can usually override it with an "!important" directive.
-
If you are modifying a delivered skin and need to "start over," you can pull a new copy of it from /Data/Skins.
-
While developing, be sure to have the following keys set to false in user.config (change these back to true for production):
<add key="CombineCSS" value="false" />
<add key="MinifyCSS" value="false" />
<add key="CacheCssOnServer" value="false"/>
<add key="CacheCssInBrowser" value="false"/>