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

  1. 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;
    
    }

    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 11 years ago on Monday April 1, 2013 | Permalink
  2. 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;
    }

    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;
    }

    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 11 years ago on Monday April 1, 2013 | Permalink