Change Form Field Order

Hi @nick7961

I hope you are doing well.

I am afraid it is not possible to use the builder to modify the submit button position but you can use the HTML field as a workaround.

– Create an HTML field.

Place this HTML inside text section:

<div class="forminator-row">
<div class="forminator-col">
<div class="forminator-field"><button class="forminator-button forminator-button-submit">Send Message</button></div>
</div>
</div>

https://monosnap.com/file/ebkKmP4thuLCF498a7fvdhbA55tSJP

– Use this CSS:

To hide the original button:

.forminator-row-last{
    display: none !important;
}

You can add it to Forminator > Form > Appearance > Custom CSS.

Final result:

– https://monosnap.com/file/FbtsR6OgYMkFntTlOdWNvWY1MScj29

Best Regards
Patrick Freitas

Thanks Patrick…it works.