Hi @chirag8838,
It looks like the WordPress theme is changing the browser’s default appearance for checkbox/radio button inputs and that’s conflicting with WPForms styles.
To address this, we need to make a small CSS tweaks, which I’ve included below:
div.wpforms-container-full .wpforms-form input[type=checkbox] {
-webkit-appearance: radio !important;
-moz-appearance: radio !important;
appearance: radio !important;
}
And in case it helps, here’s a tutorial from WPBeginner on how to add custom CSS like this to your site.
Hope this helps!
Problem is with Checkbox! if I have 3 checkboxes and I make it required. I can send form if I choose only one option.
Hi @chirag8838 and @milevskis,
I apologize, the custom CSS for this issue should be the following instead
.wpforms-container input[type=checkbox] {
-webkit-appearance: checkbox !important;
-moz-appearance: checkbox !important;
appearance: checkbox !important;
}
Hi @milevskis, thanks for letting me know! When you get the chance could you create a new post and let us know the details of the issue you encounter, and a link to your site where the form is embedded? Thanks!
