Radio Button Label Attribute

[gilesletheren]

I'm presently unable to get the font for my radio button attribute label to change.

.wrapperAttribsOptions bit of my stylesheet looks like this:

.wrapperAttribsOptions {
margin: 0.3em 0em;
font-family: lucida sans unicode, verdana, arial, helvetica, sans-serif;
}

.wrapperAttribsOptions select {font-size: 0.8em;}

.wrapperAttribsOptions label {
font-size: 80%;
font-weight: normal;
font-family: lucida sans unicode, verdana, arial, helvetica, sans-serif;
}

.wrapperAttribsOptions input {
font-size: 80%;
font-weight: normal;
font-family: lucida sans unicode, verdana, arial, helvetica, sans-serif;
}

And everything looks OK except for the font on the radio button label which appears to still be defaulting to something.

Example here: http://betterlifecompanies.com/shop/...products_id=72


I'm drawing a blank. Any suggestions please?

[gilesletheren]

Solved my own problem with a mindset change.

The issue was not that my Radio Label was too big and I had to find a way to make it smaller but that my Drop Down labels were too small. Once I'd changed

.wrapperAttribsOptions label {
font-size: 80%;
font-weight: normal;
font-family: lucida sans unicode, verdana, arial, helvetica, sans-serif;
}

back to 100% font size - then all my labels are the same size (but too big)

a tweak to

label, h4.optionName {
line-height: 1.5em;
padding: 0.2em;
font-family: lucida sans unicode, verdana, arial, helvetica, sans-serif;

adding

font-size: 100%;

has now got all my labels the same size - smaller than default, which is what I wanted.

Not sure if its the right way to do it but it seems to work.