Ask a Question

Hi

The default.css file contains the text attributes for modules:

/* Set text size in modules*/
.Normal,
.NormalDisabled,
.NormalDeleted {
color: #444;
font-size: 12px;
font-weight: normal;
line-height: 18px;
}

/* disabled text styles */
.NormalDisabled,
.NormalDeleted {
color: #999;
}

When I want to override these attributes by my own skin, I need to copy those classes into my skin.css, by modifying them.

But if I have multiple default HTML modules on one page and the first module must have a red font color, the second one a green font, and so forth, this approach won’t work.

Even when the unique font color of the div (containing the HTML module) is defined later in skin.css than the above classes, they override my div class definition.

What is the usual way to apply different attributes to multiple HTML modules on one page?

Be aware, that the above ‘normal’ class is always applied, according to the HTML code produced by DNN:



Should I simply empty the definitions in default.css like this?

/* Set text size in modules*/
.Normal,
.NormalDisabled,
.NormalDeleted {
}

/* disabled text styles */
.NormalDisabled,
.NormalDeleted {
}

Patrick