Gravity Form Won't Center

See attached. One of the glaring holes in Pro is an easy way to center gravity forms.

  1. The only Gravity Forms element, which is still inexplicably in “classic” form, has no settings for custom CSS, centering, etc. Using this element and centering the column, row, etc. does not center the form. This is the second form shown in the screenshot.

  2. Using a hack such as a Widget area which then allows us to set side margins at ‘auto’ and center the form, does not center the form. You can see the sidebar settings for the widget version, the top form.

So a couple things here - when is Gravity Forms going to get a ‘normal’ element with real controls? Two, how do you reliably center a gravity form since auto side margins are ignored?

Hi @co50,

Thanks for reaching out.

Since it still has no available builder element, it has to be applied through custom CSS. And for the margin alignment to work (auto), then the form should have defined width. It will not just center just because the margins are set to auto. And it will not work on floating containers too. It’s best providing a sample URL where it’s added so we could advice specific CSS. And each form could have different structures and containers so there is no universal CSS that could center it. And not all has root <form> container, some has multiple layer of containers too depending on its feature and how you added it.

And it was once available as builder element but due to ever-changing features and structures, it causes issues to the builder preview. Maybe it’s removed and that’s not just my assumption :slight_smile: . It’s still recommend plugin and should work with the theme and cornerstone.

You can also add your form through text element where you can adjust the max-width and margin to center it.

Thanks!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.