Hello @pressonforlife
Hope you are doing well today.
We have received several similar requests, and this matter has been brought to our development team’s attention. However, we prioritize tasks based on their urgency and the number of requests we receive, as we are handling many feature requests and need to resolve some bugs.
It is possible to achieve your goal, but you will need to use custom CSS code, which is out of the scope of our support. I see that you inquired about this a few months ago, and unfortunately, the answer has not changed.
https://wordpress.org/support/topic/inline-field-and-submit-button/
Kind Regards,
Amin
Hello @pressonforlife ,
Thank you for reaching out!
At the moment, Forminator doesn’t provide a built-in option to create an “Inline Form” directly in the form settings. However, it can be customized using a small CSS snippet.
First, make sure you’ve created a form with only an “email” field and the “submit” button. You can do so via Forminator → Forms → Add New Form. You can create a new “blank” form or start with a “Newsletter Signup” form template.
Second, go to Forminator → Forms → Edit Form → Appearance → Custom CSS → Enable Custom CSS, then past the foloowing code there:
.forminator-row:nth-child(2) {
margin-right: 0;
}
button#forminator-submit {
width: 100%;
display: block;
}
#submit {
display: block;
}
@media only screen and (min-width: 783px) {
.forminator-row:nth-child(2) {
float: left;
width: calc(100% - 120px);
margin-right: 10px;
display: inline-block;
}
#submit {
display: inline-block;
}
}
Third, feel free to style the “email” field and the “submit” button to your preference. You can simply achieve this using the options in the Appearance tab of the form settings.
Please let us know if this answers your question or if you need any further assistance — we’ll be happy to help.
Best regards,
Mina Emad
