Hi,

In the Admin > Site Settings -page there's a Stylesheet Editor which to my understanding enables to modify the contents of portal.css -file located in the Host Root -folder. When I modify the following line,

/* style of item titles by Announcements and events */
.ItemTitle    {
}

trying to change the aspect of Announcements' titles, nothing happens. Events' titles do change, though. How could I change those Ann titles, what's the correct CSS class?

And even more, is there a complete and documented listing of all CSS classes used in all the DNN core modules somewhere? I'd like to be able to modify every CSS aspect of all the core modules, but really don't know how to get a grip of them.

Regards, Heikki.

Thank you for the reply. I went to study a little more and found that the CSS class of Announcement titles is in fact .SubHead in the portal.css file. I found exactly the same class name in my skin.css too, and after testing noticed that settings in portal.css rule over the ones in skin.css if a particular class name is found in both files.

The comments explaining the classes in portal.css seem to be a mess, please someone correct me if I'm wrong. For instance, portal.css says for .SubHead

/* style of item titles on edit and admin pages */

and the skin.css which I happen to have says incorrectly

/* Used in admin sections */

In this situation, I guess that the classes have to be sought out one by one from the core modules' Install .ascx files, which is quite tedious. In the case of DNN 4.0.3 and Announcements module, this would be the Announcements.ascx file, for example.

Any ideas and/or corrections to this post are most welcome, since I'm quite a newbie to DNN yet.

Regards, Heikki.

It's actually:

default.css --> skin.css --> portal.css --> module.css

The module.css won't get added until the module is added to the page.

**Quick Tip:  To find the order of CSS and what files are actually being used on any given page, use "View Source" and search for ".CSS"  the order you find them in from the top are the order in which they are added in the DOM.