Forums

Hi

Whith a load css event, I have change many labels of textbox and checkbox.
Now, I'm trying to change css of checkboxgroup label whitout success😟

The id of my checkbox group is "interest"
This Css Rules in event Load css :

label[for=interet]{
width: 250px;
}

is overwrite by this css rules :

.cfdiv_checkboxgroup label:first-child, .cfdiv_radio label:first-child {
    width: 150px;
    margin-right: 0px;
}
Firebug says that the file is : frontforms.css: 78

Do you know if i can disable the second css rules ?

Thank !

Hi orgone,

You need to make sure that your CSS is more specific - use !important if necessary to make it over-ride the default.

Bob

Thanks bob

I have modify the selector of css rule to

.cfdiv_checkboxgroup label:first-child, {
    width: 250px;
    margin-right: 0px;
}

Thank for this extension.