Checkbox layout challenge [RESOLVED]

Hi there. I am trying to get my gravity forms checkbox to have the checkbox on the left of the label and in a row. Even though I am using gf_list_3col Custom CSS Class I am still getting some challenges as in the image. This is happening in all forms with checkboxes, including consent ones.


Can you share a link to the page on your site where we can see the form? Thank you.

Hi Chris

Thanks for this. It is here: Corporate Event Concierge Services - Book It On Bizzievents


Hello @user63b7646d43313421
Somewhere of your CSS file has a css where input width is 100 % which is the main issue.
If you put following CSS in your theme, hope problem will be solved.

input[type=checkbox] {
width: auto;

You can put this CSS from
Dashboard → Appearance → Customize → Additional CSS

Don’t forget to hit “Publish” after pasting the CSS


This was magic. Thank you so much!


I am thrilled to hear that it works. :ok_hand:
You are most welcome! :+1:

1 Like