I need help/suggestions styling the GF radio button choice when active – the default CSS changes the font-weight to 700. I want to change this to “normal” + a different color.
This is the default style:
.gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
font-weight: 700;
I recommend creating a custom selector in Microthemer (see video) whereby you paste the CSS selector portion of the code you referenced into the Code field of the ‘Add selector’ options:
.gchoice_select_all, .gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label, .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label
Then you can set the font-weight to normal and and your chosen font color via the Font property group options.
If that still doesn’t work for you, perhaps you could post a link to the page you’re working on so I can review your setup.