Form Radio Buttons Overlapping Text

form gravity forms

6 years, 9 months ago tharrington
Participant

Hi, I’m using Gravity Forms to create my forms. I am having some difficulty getting the radio buttons and the text to not overlap. I believe that Gravity Forms is not playing well with the theme because when I preview the form via Gravity Forms, it looks okay. I am not very strong in CSS and do not really know where to start to resolve this issue. Any assistance someone can provide would be greatly appreciated.

6 years, 9 months ago themes2go
Keymaster

Hello! Can you please link your website? This will help us finding the issue.
Thanks!

6 years, 9 months ago tharrington
Participant

Please click here to access the website page. I tried just posting link, however it didn’t work

6 years, 9 months ago tharrington
Participant

Here is a better example that includes check boxes and radio buttons.

6 years, 9 months ago themes2go
Keymaster

thanks, one thing: can you edit the HTML of the form? (like in contact form 7 ) ?

6 years, 9 months ago tharrington
Participant

I believe so, however, I’m not for sure.

6 years, 9 months ago themes2go
Keymaster

Ok, as you were unsure I checked the plugin for you, and they say you can’t edit the HTML.
This would have been better because their HTML output is correct but NOT 100% good, anyway we can fix the end result by addig some CSS.
Please copy/paste this in the CSS of your theme (in Appearance > Customize > CSS

.gform_body .gfield_checkbox label, .gform_body .gfield_radio label { padding-left: 30px !important; }

This should fix the result (my test: https://d.pr/free/i/cgElQ9 https://d.pr/free/i/AHAVAH)

If you still have any problem with this please don’t hesitate getting in touch again, looking forward for your feedback wish you a good day.
Igor

6 years, 9 months ago tharrington
Participant

Thank you so much for your support. The CSS worked perfectly.
BTW: Great theme. I will be sure to leave a review. Thanks again.

6 years, 9 months ago themes2go
Keymaster

Glad this help you!
Thanks for your kind words, the review will be greatly appreciated 🙂

All the best,
Andrea

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Form Radio Buttons Overlapping Text’ is closed to new replies.

TIME FOR A BOOST!

You can already use the new helpdesk!

Community Forums

Form Radio Buttons Overlapping Text