Checkbox / Radio Button alignment with their labels [RESOLVED]

Get Help
, ,
1

What is the best way to get checkboxes/radio buttons to align correctly with their labels. I have to fix this every time with CSS but there has to be a another way. Here is a screenshot:

Shared with CloudApp

Thanks,

Brett

2

Hi Brett. Please share a link to the page on your site where we can see this form and help you with the CSS. Thank you.

3

It is an easy fix but I don’t understand why I have to do it. The fix is to remove the vertical align property for the following classes.

.gform_wrapper.gravity-theme .gfield-choice-input

Shared with CloudApp

I’ve had to do this on sites using different themes/framework, so it isn’t unique to this site.

Am I missing something is really what I’m after here. Am I doing something wrong in Gravity Forms.

Here is the still-in-development form link.

https://www.atsc.org/2021-conference/register-for-the-conference/

Thanks,

Brett

4

I don’t think you are missing anything. If you view this form in the Twenty Twenty or Twenty Twenty One theme, or the form preview, are the buttons aligned properly there?

5

It is perfect in the 20 and 21 theme. Just my dumb luck I guess. Thanks for following through with this.

Brett