Multiple Choice Not Selecting

Hey @michaelkyv,

Thanks for contacting us and I apologize for the delay!

I took a look at the form and I believe I see the issue with the 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;
}

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

I hope this helps!

• This reply was modified 2 years, 6 months ago by Prashant Rai.

Hey @michaelkyv,

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!

Hey,

Thanks for that, it worked!

Any idea how to change that text to white instead of the default dark grey?

Hey @michaelkyv,

To change the text color, you can add following CSS and let me know how it goes:

div.wpforms-container-full .wpforms-form input, div.wpforms-container-full .wpforms-form label, div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form button, div.wpforms-container-full .wpforms-form textarea {color: #fff !important;}

Kindly,

Hi there,

Thanks for that. It worked however I only wanted to change the text outside of the form boxes.

This changed the text colour inside the boxes when people type as well, which means it won’t be able to work because no one can see the options or text they type because it’s white text over a white background.

If you look at the link below, it’s the dark grey text which are the questions outside the boxes I want to change to white if possible?

https://the-dot-comers.com/contact/

Thanks,
Michael

Hey @michaelkyv,

Thanks for following up on this ticket and I apologize for the trouble!

When you get a chance, please replace the previous code with following and let me know how it goes:

div.wpforms-container-full .wpforms-form .wpforms-field-label {color: #fff !important;}

Kindly,

Hey Pras,

That worked! Thanks for your help and very greatly appreciated ??

Glad to hear that – if you have any other questions about WPForms lite, please feel free to reach out.

Kindly,