Manage Coolite CSS and my CSS.

[jeeshenlee]

Hello,

I'm trying to add Coolite controls to my page and my current page's CSS overrides the looks of my Coolite controls what can I do? Should I insert Coolite CSS manually after my page's CSS to override the CSS inheritance?

Here's my CSS in the MasterPage:

html
{
    background-color: #000000;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1em;
    color: #b79d80;    
}

h3
{
    font-size: 1.54em;
    font-weight: normal;
    font-family: "Times New Roman" , Times, serif;
    text-transform: uppercase;
    margin-bottom: 28px;
    border-bottom: 1px solid #302016;
    padding-bottom: 15px;
}

input, textarea
{
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 1em;
}

input, select
{
    vertical-align: middle;
    font-weight: normal;
}

a
{
    color: #af6c35;
}

a:hover
{
    text-decoration: none;
}

My Coolite controls (combobox, fieldlabel, numberfield etc) are inheriting these style instead of it's original.

Please help. Thanks.

Regards,
JeeShen Lee

[jeeshenlee]

Hello,

I found the problem - the Coolite control does not inherits from the CSS mentioned above but from my Form's CSS that I declared. Replacing the Form CSS with Div's CSS and adding DIV tag (with my CSS) to the area that I need solve my problem.

Thanks.

Regards,
JeeShen Lee