Radio buttons not working

By: Randall Fujimoto | Asked: 01/03/2023
ForumsCategory: General questionsRadio buttons not working
Randall Fujimoto asked 1 year ago
Hi, there is a problem with radio buttons on my site. When I select an option, the black dot appears at the top near the title of the page instead of inside a circle. The form still submits though. Is the theme's CSS interfering with this, and if so, is there some custom CSS that can fix this issue? Thanks for any help. https://jabasketball.org/formidable-forms-radio-button-test/
1 Answers
Victor Font answered 1 year ago
The black dot is the input's before pseudo element. Tracing your CSS, you have this in your theme input[type="radio"]:checked::before. THis CSS directive sets the input before to an absolute position of 0 in all dimensions. Delete this CSS and the form will display normally.
Randall Fujimoto replied 1 year ago

Thanks so much, Victor. I added the following custom CSS to override the theme's CSS and it works now:
input[type=radio]:checked:before{font-family:FontAwesome;margin:auto;position:relative}

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right