Multiple choice buttons don’t show

Hello @mcshore,

Thanks for reaching out!

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.

To address this, we need to make some small CSS tweaks, which I’ve included below:

.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 label:before,
.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;
}

In case it helps, here’s a tutorial on easy ways to add custom CSS like this to your site.

I hope this helps!

Hi @mcshore,

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!

Thanks Jade. I had missed seeing your response so will try your solution and reopen if I need more help. I appreciate it.