ChangingFieldStyles¶

First set a class on the fields you want to change the layout of

next you should use the following style for inline fields (change 30% and 150px to values appropriate for your layout (you might have to add an id to force specficity e.g. in the example I've used #body)

.compact {
  width: 30%; 
  float: left;
}
#body .compact label {
  float: none;
}

#body .compact .inputs {
  margin-left: 0;
}

#body .compact .inputs input {
  width: 150px;
}

if you only want to use label above input field, use

.compact label {
  float: none;
}

.compact .inputs {
  margin-left: 0;
}