Hello @rodj2020
I trust you’re doing well!
Out of the box I’m afraid it is not possible. It can be done with some additional CSS code.
Please share here a link to the page with a form so we could provide a CSS code that will match your site.
Kind regards,
Nastia
Thank you!
I have set up a sample form here-
http://sandbox.victoriachristadelphians.com/
Best Regards,
RodJ
Hi @rodj2020
Thanks for providing the link but, unfortunately, I don’t see any form there.
I suppose you might have removed or hide it for now as we didn’t respond immediately. I apologize for long waiting time too!
Could you please bring back the form on the page so we could see it? It’s always best (unless it’s really “generic” piece) to create that kind of CSS based on a specific site so it would help a lot.
Best regards,
Adam
Very odd what happened there. It just stopped displaying! I had to delete the form and create a new one! Please have another look.
Thank you.
Hello @rodj2020
The following CSS rules should do the trick. You can add them in Appearance->Customize->Additional CSS:
.forminator-field {
display: grid;
}
label.forminator-label {
order: 1;
}
span.forminator-description {
order: 2;
}
input#forminator-field-name-1,
input#forminator-field-email-1,
input#forminator-field-phone-1,
textarea#forminator-field-textarea-1 {
order: 3;
}
Thank you,
Dimitris
Fantastic! That did the trick!
Thank you so much!
Best Regards,
RodJ2020
I’m using the included “Material” Design Style and had to update the CSS as follows
.forminator-field {
display: grid;
}
label.forminator-label {
order: 1;
}
span.forminator-description {
order: 2;
margin: 0 0 5px 0;
}
.forminator-field > div {
order: 3;
}
.forminator-error-message {
order:4;
}
-
This reply was modified 5 years, 9 months ago by
Lucas Balzer.
Hi @lbalzer
Yes, with different design style the CSS might require some adjustments indeed.
Thanks for sharing this version, I’m sure somebody will find it useful!
Best regadrs,
Adam
