Hello,

When I create a form with webform and put some textfield onto it, the labels are always placed above each field, like:
First name: *
[__________]

How can I get the field to be placed behind the label, like:
First name: * [__________]

I suppose this has to be done with CSS, but I have no idea how.

Please advise.

Kind regards,

Frank

PS: I know the version 2 webform has that option, but I don't have the option to upgrade at this point.

Comments

quicksketch’s picture

Webform 2 does not have this feature, but you can accomplish the effect in both versions with this CSS code (add it to your theme's style.css file):

.webform-component-textfield .form-item label {
  display: inline;
}
spade’s picture

Excellent! Thank you!

quicksketch’s picture

Status: Active » Fixed
Anonymous’s picture

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for two weeks with no activity.