Gravity Forms radio buttons styling issue

[malavkarkar]

I want to vertically align radio buttons in Gravity Forms, but for some reason the code is not being accepted. Buttons are aligned vertically middle by default and I’m not able to change it. Can you help?

[prakash_s]

Hello Malav,

Thanks for writing to us.

To align the button vertically centre, please add this custom CSS code under X/Pro --->Theme Option -->CSS

@media(min-width:641px){
.gform_wrapper #gform_3 .gform_body {
    width: 170px;
    margin: 0 auto;
    text-align: center;
}
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

[malavkarkar]

Hi Prakash!

The code you sent is to center the entire form horizontally. I only want to align the radio buttons to top, especially when the text is cropped.

Please take a look at this image - https://ibb.co/6sZk4P6

This form is on the same page. First and last radio option in this form is covered in 2 lines, and the radio button is vertically centered. I would like to keep the radio buttons in line with the text in first line, irrespective of what device user opens the website from.

Hope this helps.

[christian]

Hey Malav,

What you’re asking is custom code or styling for Gravity Forms and we do not provide custom development and 3rd party support as part of our theme support.

The custom code provided by my colleague is only a sample. Please have a developer fix the code if it’s not working or learn CSS if that’s not feasible for you.

Thank you for understanding.