Center Form to Page

[user6374fd3ce3b0e469 (Cori Daly)]

For the life of me, I can’t seem to align the form to the center of the page? What’s missing?

body #gform_wrapper_3 .gform_body {
    max-width: 100%;
    margin: 0 auto;
    align-content: center;
}

on mobile it looks fine other than the button not being center aligned

[faisalahammad]

Hey Cori,

Could you please share your exact webpage URL so I can further investigate to resolve the issue?

[user6374fd3ce3b0e469 (Cori Daly)]

lol thank you! this is the page http://thefoldpizza.flywheelstaging.com/restaurant-home-page/, its further down toward the footer

[faisalahammad]

To resolve the issue, try the following CSS code in the child theme’s style.css file or in Appearance → Customize → Additional CSS.

#gform_3 #gform_fields_3 {
  display: flex !important;
  justify-content: center;
}

#gform_3 #field_3_2 {
  max-width: 610px;
  width: 100%;
}

Output:

Give it a try, and let me know how that goes!