GravityForm with Submit at end of row will not center in parent container

[dannikb]

I have two sites where the same thing is happening. I have a Section > Row > Column > Form Integration element with GravityForms. The form has one field (email address) and a submit button that is set to be on the end of the last row but to not fill the container.

The column has flexbox enabled with:
Direction: Column
Wrap: On
Gap: 0
Horizontal: Center
Vertical: Center
Padding on the right and left at 0

The row is also centered.

No matter what I try, however, the form is left-aligned within its container. Help please!

[Ismael]

Hello dannikb,

Thank you for the inquiry.

Where can we see this issue? Please create a test page and provide the URL in the secure note. We’d like to check it. It might require a few css adjustments. Also, please note that while custom css isn’t part of regular product support, we encourage you to check out One (https://theme.co/one) if you are interested in email-based help with third-party plugins and custom code.

Best Regards,
Ismael

[dannikb]

Hi, You can see it in the “newsletter” area in the footer at (moved to secure note)

[Ismael]

Hello @dannikb,

Thank you the update.

Please try this css code in your child theme’s style.css file:

.e16-e196 #gform_fields_2 #field_submit {
    grid-column: span 3;
}

.e16-e196 #gform_fields_2 div#field_2_1 {
    margin-left: 20%;
    grid-column: span 8;
}

Best regards,
Ismael

[dannikb]

Thank you so much! That did the trick!

[marc_a]

Hey Danni,

You’re most welcome!