Navigation
Archive / How can I center a Gravity Forms form?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 22, 2017 at 11:59 am #1416499
    Derek
    Participant

    Hello,

    How can I center the Gravity Form I have on this page?

    http://hauswirth.co/lead

    Thank you!

    March 22, 2017 at 12:00 pm #1416500
    Derek
    Participant
    This reply has been marked as private.
    March 22, 2017 at 2:33 pm #1416681
    Jade
    Moderator

    HI Derek,

    The page seems to be password protected.

    Kindly provide us with the password so that we can check it.

    Thank you.

    March 23, 2017 at 10:12 am #1417758
    Derek
    Participant
    This reply has been marked as private.
    March 23, 2017 at 11:40 am #1417894
    Jade
    Moderator

    Hi Derek,

    Please add this code in the customizer:

    #gform_1 li,
#gform_1 .gform_footer {
    text-align: center;
}

    Hope this helps.

    March 30, 2017 at 6:25 pm #1425732
    Derek
    Participant

    Hello, thanks for this! However, this also centered the save form displayed on the homepage, which should be default (left) aligned.

    How can I have the form display left-aligned on the homepage but centered on the /lead page?

    Thanks again!

    March 30, 2017 at 9:47 pm #1425904
    Darshana
    Moderator

    Hi there,

    Simply update the above code as follows. 

    
.page-id-98 #gform_1 li,
.page-id-98 #gform_1 .gform_footer {
    text-align: center;
}

    Hope that helps.

    March 31, 2017 at 9:11 am #1426349
    Derek
    Participant

    Worked a treat! Thank you 🙂

    March 31, 2017 at 9:13 am #1426350
    Darshana
    Moderator

    Glad we were able to help 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1416499 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>