Howdy, I've tried a few methods to center this gravity form

Howdy,

I've tried a few methods to center this gravity form horizontally on the page without success:
http://m40.siteground.biz/~heartcor/asheida.com/

Thanks in advance!

Cheers,
Casper

  • Kasia Swiderska
    • Support nomad

    Hi Casper,

    Centring this form need a little more styling to overwrite some Gravity default styles.
    You can do that in style.css file of your child theme or you can install small plugin for that (https://wordpress.org/plugins/simple-custom-css/).
    First, we have to set width of form wrapper and margins:

    #gform_wrapper_2 {
    max-width: 700px;
    width: 100%;
    margin: 0px auto;
    }

    you can change 700px to width that suits you more. This will make form wrapper centred.
    Next step is to align and adjust inputs.

    div#gform_wrapper_2 .gform_body {
        width: 84%;
    }
    div#gform_wrapper_2 .gform_footer.top_label {
    width: 14%;
    text-align: right;
    }

    You can test which widths are best for you.

    Please let me know if this resolves your issue.

    kind regards,
    Kasia

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.