CSS issues for field label

Get Help
1

I’m trying to change the field label text style (change font weight so it isn’t bold) but nothing I do in CSS seems to work. I can get it to change using the Inspect Developer tool in Chrome, but it isn’t working once I put the CSS in the styles.css file:

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
    font-weight: 100; 
}
2

Can you share the URL to the page on your site where we can see the form and your CSS being applied?

font-weight: 100; is really light. Have you tried it with keywords (like normal) or numeric like 400? Anything other than 400 and 700 must have built in typefaces to match those weights.

3

I’m having the exact same problem. It seems any custom CSS doesn’t get accepted for the field label classes.

Did you find a solution?

4

I added this to Customize > Additional CSS:
body .gform_wrapper .gform_body .gfield_label {
font-weight: 300;
}
and that worked for field labels. The options for checkboxes and radio buttons are still bold. Haven’t figured out how to fix that.