Using MT with Gravity Forms

Tagged: 

Author Posts

majorpayne October 3, 2018 at 3:54 pm

Heads up! this post was created when Microthemer was at version 5. The current version is 7. Some references to the interface may be out of date.

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;

Sebastian October 4, 2018 at 8:28 am

Hey,

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.

Thanks,
Sebastian

You must login or register to reply to this topic.