Field label position settings on forms 2.0

[Alexis_D_Alba1]

Is there a way to change the field label position for each field individually? I know that I can change all the fields on a form to either above or left in the form settings, however, I would like to postion one label to the left while keeping the rest of the labels above.

Does anyone know if this is possible?

[SanfordWhiteman]

Sure, (almost) anything's possible using CSS. Post a link to your form.

[Ravi_Ansal2]

Hi Alexis D'Alba​,

I was facing the same problem, so here is what I have done:

I used the form alignment as  left and for the Label that needed to be on top I used Rich text and removed the label text from the original label Text.

let me know if you want any help to align your form.

[Alexis_D_Alba1]

Thank you so much! I will try this next time I set up a form. Sounds like a great solution.

[Anonymous]

Alexis D'Alba​ If the solution works, can you click on "Correct Answer" for the post.

[SanfordWhiteman]

While concepts like Ravi's will work I find them cumbersome to maintain, especially with the absolute positioning and the need to create extra RT fields.

You can do this with simple CSS: MktoForms2 :: Mixed Alignment - JSFiddle

In this example, the form as a whole is set to "Layout Above" but two fields are overridden so that are "Layout Left".  Should be easy to understand.

[Anonymous]

Hi, I have the same question...I do not know CSS so will Ravi's solution work better? @ Ravi, I am not sure what you mean by use Rich Text and delete the label text. Here is what I am trying to create (email preference center):

[SanfordWhiteman]

You don't need to know CSS, really, just copy the example.

I find my method easier to maintain. But I'm prejudiced.

[SanfordWhiteman]

Also, based on your other question, you are asking about restyling the form. So you can't avoid CSS -- that's how it's done.

[Anonymous]

Thank you! So I need to copy your MktoForms2 :: Mixed Alignment - JSFiddle​ and put it in the HTML?