Randall Fujimoto asked 2 years 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/
Victor Font Staff answered 2 years 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 2 years 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}
Please login or Register to submit your answer
