Hi @eccinfo22,
Sorry to hear about the trouble you are facing here!
I took a look at the form and I believe I see the issue with the checkbox/radio button styling. The WordPress theme is changing the browser’s default appearance for checkbox/radio button inputs and that’s conflicting with WPForms styles.
.wpforms-container input[type=radio] {
-webkit-appearance: radio !important;
-moz-appearance: radio !important;
appearance: radio !important;
}
.wpforms-container input[type=checkbox] {
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
appearance: checkbox !important;
}
.wpforms-container input[type=radio]:checked:before,
.wpforms-container input[type=radio]:before,
.wpforms-container input[type=checkbox]:checked:before,
.wpforms-container input[type=checkbox]:before,
.wpforms-container input[type=radio]:checked:after,
.wpforms-container input[type=radio]:after,
.wpforms-container input[type=checkbox]:checked:after,
.wpforms-container input[type=checkbox]:after {
display: none !important;
}
Hope this helps! 🙂
Hi Nikhil! Thank you so much for your help! I added these CSS but it is still the same. Is there anything else I can do?
Hi @eccinfo22,
It looks like your theme is trying to insert custom-styled checks for your checkboxes. To let these styles come through more fully, you can go to WPForms > Settings and look to the dropdown labeled Include Form Styling (shown in this screenshot). In that dropdown, select Base styling only.
This may change other styles on your form as well, so please be sure to test out and look over your form after saving this setting (for example, the submit button will often appear differently – more closely matching other buttons on your site).
Hope this helps!
Hi @eccinfo22 – We haven’t heard back from you in about a week, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.
Thanks!
Thank you for this it worked for me! I had the same problem.
