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.

description placement above the field?

  1. Have been looking around but can't seem to find the easy solution. I simply want to make the description placements for address and name ABOVE the field, instead of below. As you can see here, the way its layed out at the moment makes things very confusing http://74.54.146.34/~durando/talkmortgages.ca/apply-online/

    Great form builder though I must say!!

    Posted 11 years ago on Tuesday March 26, 2013 | Permalink
  2. Those sublabels are not normally so far away from the inputs. That is being done by some CSS in your theme's stylesheet. Line 130 in this file http://74.54.146.34/~durando/talkmortgages.ca/wp-content/themes/avamys/css/base.css?ver=3.5.1

    [css]
    input[type="text"], input[type="password"], input[type="email"], textarea, select {
        display: block;
        margin: 0 0 20px;
        outline: medium none;
        padding: 6px 4px;
    }

    You can override that by adding this to one of your theme's stylesheets.

    [css]
    body .gform_wrapper form input {
       margin-bottom: 0px;
    }

    Screenshot: http://minus.com/lbj2NztkVca3Bw

    If you want to put the sublabel above the input, with the regular label, we can do that too, but it might be confusing to have two labels above the field for some fields. Sometimes people put the label inside the field as a placeholder, then move the sublabel above the input. If you want to go that direction, we can help with that as well.

    Posted 11 years ago on Tuesday March 26, 2013 | Permalink
  3. I'm sorry, but where would I ad this new code? Just wondering what type of stylesheet I should be looking for...

    Thanks!

    Posted 11 years ago on Tuesday March 26, 2013 | Permalink
  4. Any one of your theme's stylesheets. If you go to Appearance and then Editor in your wp-admin, you should be able to add this code to a stylesheet called 'style.css'. Every theme is different though, and there may be a place in your theme where they want you to add custom CSS, maybe a theme options page. Without knowing your theme, it's hard to say where you need to add it exactly.

    Posted 11 years ago on Tuesday March 26, 2013 | Permalink