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.

Address Field Labels Appearing Above

  1. I'm trying to make the Advanced Address field work with my theme. Currently, the labels are appearing (both on screen and in the HTML) below the fields in the address section, despite the theme being set to have labels on top.

    Is there an easier way to flip these than going through the Plugin itself and changing the layout.

    http://nicholasmolnar.com/radsocks/?page_id=18

    Posted 7 years ago on Monday December 12, 2011 | Permalink
  2. Hey Nick, looks like in your base.css you have:

    [css]
    input[type="text"], input[type="password"], input[type="email"], textarea, select {
    border: 1px solid #CCC;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    min-width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: white;
    }

    That margin seems to be the culprit when it comes to the address field. The labels are on top of the fields, but these sub-labels are set to show underneath the inputs. Try this in your theme's stylesheet, which should make those sublabels closer to their inputs:

    [css]
    .ginput_complex input[type="text"], .ginput_complex input[type="password"], .ginput_complex input[type="email"], .ginput_complex textarea, .ginput_complex select {
    margin: 10px 0 0 0 !important;
    }

    If you don't want them showing that way after this, you might be better off creating your own address fields separately.

    Posted 7 years ago on Monday December 12, 2011 | Permalink