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.
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.