PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Position of elements inside form body

Gravity Support Forums » Plugin Support » Gravity Forms

  1. clarendonsite
    Member

    Hi, with support help I was able to position elements inside the form with this supplied code:

    body #gform_wrapper_5 {
    padding: 0px 11px;
}

body #gform_wrapper_5 label {
    padding-top: 11px;
}

body #gform_wrapper_5 .gform_footer {
    padding:0px;

}
    Copy

    This worked great. However, I now want to add padding (the tan area) above the (newly added) form title - so assuming we need to add to the code originally provided. Tried a few things, but couldn't get it to work. See form above map on this page: http://184.173.196.201/~hostccl/property/townhouse-condo/

    Also - will want to add padding above the entire form to increase separation between the form and the copy above. Thanks! MM

    Posted 12 years ago on Monday April 1, 2013 | Permalink

  2. Chris Hajer
    Key Master

    You can add this CSS to add some padding above the form title and increase the tan area:

    [css]
body #gform_wrapper_5 h3.gform_title {
    padding-top:20px;
}
    Copy

    To add some space between the top of the form and your content, you can add this:

    [css]
body #gform_wrapper_5 {
   margin-top: 50px!important;
}
    Copy

    You could also increase the padding of the gform_wrapper_5 instead of adding the padding to the title. That would increase the height of the tan as well. There are a few different ways you can do it.

    Posted 12 years ago on Monday April 1, 2013 | Permalink