Hello. I cannot seem to change the font styles of the checkbox labels in the contact form. The font shows up as orange text in all caps. Please see attachment. I would like to control the font color (to white) and be able to change the font style (to NOT all caps) and to have control over font size and weight. Where can I control these elements? I could not find them in Salient settings or Contact Form7 settings. Thank you.
Thank you. But unfortunately, none of those settings control the checkbox label text. For example, the checkbox text is orange and CAPS, but there is currently nothing set to orange and there are no options there to change font, font size or styles. Does this need to be done via CSS?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
Hello. I cannot seem to change the font styles of the checkbox labels in the contact form. The font shows up as orange text in all caps. Please see attachment. I would like to control the font color (to white) and be able to change the font style (to NOT all caps) and to have control over font size and weight. Where can I control these elements? I could not find them in Salient settings or Contact Form7 settings. Thank you.
Hello there,
Thanks for getting in touch.
Please head to Salient > Form Styling to adjust the form outlook:
Thank you.
Thank you. But unfortunately, none of those settings control the checkbox label text. For example, the checkbox text is orange and CAPS, but there is currently nothing set to orange and there are no options there to change font, font size or styles. Does this need to be done via CSS?
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.wpcf7-list-item span.wpcf7-list-item-label { color: #fff !important; text-transform: none; font-size: 18px; font-weight: bolder; }Thanks
ThemeNectar Support Team
This works perfectly. Thank you!!