Is there some place I can find good documentation on how the various CSS files are used within DNN. I am teaching myself skinning, etc and having some behaviors I don't understand. Specifically, I have a css file (let's call it mystyles.css) that is part of a skin I am using. I have defined a small number of rules for the body {} selector. However, these seem to be overriden by the default.css file, which is backwards to what I would have expected.Other rules within the mystyles.css files are working fine.

I am sure this is some dumb mistake on my part - so wondered if there is some definitive guide that walks me through how DNN specifically uses the various CSS files.

By the way, I am using F12 in IE (the developer tools) but wondered if there are more effective tools to troubleshoot CSS.

Thanks.

The IE developer tools are at the same level as FireBug for this purpose.

CSS is applied in this order: default.css, portal.css, skin.css, <skinname>.css, container.css.

NOTE!  That makes the file name VERY important.  The basic file in a skin's folder should be called skin.css.  If that folder contains a fmaily of skins then their individual uniquenesses should be in <skinname>.css.  Calling it myStyles is NOT wise.

---

Best wishes,
- Richard
Agile Development Consultant, Practitioner, and Trainer
www.dynamisys.co.uk

Dont forget module.css