How to customise Radio in Contact Form 7

[Parthbhalerao]

Hey there,

I needed help regarding the Contact Form Radio buttons customisations in pro,

I need these radio buttons to look like this,

Thanks for any help!

[rad]

Hi @Parthbhalerao,

Thanks for reaching out.

There are no available options in Pro or X theme for the customization of the form fields styling. Instead, please check this https://www.w3schools.com/howto/howto_css_custom_checkbox.asp. Then make sure the color matches to your given screenshot. You can also apply an underline styling to the fieldset where the radio and label is placed. Example,

fieldset {
border-bottom: 1px solid #ccc;
}

Still, it depends on the structure of your form. I recommend contacting a designer to properly implement the CSS based on your form structure and target design.

Thanks!