Title: Forminator Inline Submit Button Last modified: April 28, 2023 --- # Forminator Inline Submit Button * Resolved [joindm](https://wordpress.org/support/users/joindm/) * (@joindm) * [2 years, 11 months ago](https://wordpress.org/support/topic/forminator-inline-submit-button/) * I am trying to line up the submit button with the rest of the inline text fields using Forminator. I added some CSS styling code & it seemed like it did the job on the backend of the website. But when I went to Safari to view it on the user- end it was like the code I used never even applied & the submit button was still at the bottom. this is the code I used: * **[@media](https://wordpress.org/support/users/media/) only screen and (min-width: 783px) { .forminator-row {float:left;padding-right:20px;}.forminator-ui#forminator- module-458.forminator-design–default .forminator-button-submit {margin-top:20px;} Am I doing something wrong? Let me know if anymore information is need or if you see the button lined up on your screen? * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fforminator-inline-submit-button%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 10 replies - 1 through 10 (of 10 total) * Plugin Support [Patrick – WPMU DEV Support](https://wordpress.org/support/users/wpmudevsupport12/) * (@wpmudevsupport12) * [2 years, 11 months ago](https://wordpress.org/support/topic/forminator-inline-submit-button/#post-16698646) * Hi [@joindm](https://wordpress.org/support/users/joindm/) * I hope you are doing well. * As you have a simple form can you try to use the display flex? * ``` .forminator-custom-form.forminator-custom-form-458{ display: flex; align-items: center; } .forminator-custom-form.forminator-custom-form-458 .forminator-row{ margin-bottom: 0 !important; margin-top: 22px; } ``` * [https://monosnap.com/file/XcyQps1pX1BvQ88eCLl41L8EpKX5G5](https://monosnap.com/file/XcyQps1pX1BvQ88eCLl41L8EpKX5G5) * This should work well with Safari as well, you can then add your media query to apply it to Desktop only. * Best Regards Patrick Freitas * Thread Starter [joindm](https://wordpress.org/support/users/joindm/) * (@joindm) * [2 years, 11 months ago](https://wordpress.org/support/topic/forminator-inline-submit-button/#post-16698692) * [@patrick](https://wordpress.org/support/users/patrick/) Hey, thanks for the help. I tried the code & it’s still showing up up weird in the safari with the submit button on the next line. * Plugin Support [Saurabh – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support7/) * (@wpmudev-support7) * [2 years, 11 months ago](https://wordpress.org/support/topic/forminator-inline-submit-button/#post-16699913) * Hi [@joindm](https://wordpress.org/support/users/joindm/) * Could you check the adjustment suggested by one of my peers in this other ticket? It should help with the alignment. * [https://wordpress.org/support/topic/contact-form-fields-are-messed-up/](https://wordpress.org/support/topic/contact-form-fields-are-messed-up/) * Please test the suggested code and let know if you get the expected results. * Kind regards * Luis * Thread Starter [joindm](https://wordpress.org/support/users/joindm/) * (@joindm) * [2 years, 11 months ago](https://wordpress.org/support/topic/forminator-inline-submit-button/#post-16699952) * [@luis](https://wordpress.org/support/users/luis/) So actually the code your peer posted is working on Safari now & the bottom form is lined up correctly, the only problem is that the submit button is on top of the other field as you can see in the picture he posted above. I want to move the submit button over to give it even spacing from the other fields, but no matter what code I use it seems like it’s not moving. Thanks for your help. To be more clear I want to move the submit button over to the right so it’s not connected to the subject field. - This reply was modified 2 years, 11 months ago by [joindm](https://wordpress.org/support/users/joindm/). - This reply was modified 2 years, 11 months ago by [joindm](https://wordpress.org/support/users/joindm/). - This reply was modified 2 years, 11 months ago by [joindm](https://wordpress.org/support/users/joindm/). * Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/) * (@wpmudev-support8) * [2 years, 11 months ago](https://wordpress.org/support/topic/forminator-inline-submit-button/#post-16700847) * Hi [@joindm](https://wordpress.org/support/users/joindm/) * Please try adding this CSS to the site: * ``` @media only screen and (min-width:783px) { .forminator-row { padding-top:30px; } .forminator-row:not(.forminator-row-last) { float:left!important; clear:none; max-width:83%!important; } .forminator-row-last { float:right!important; clear:none; } } ``` * It works like this in my test: * Note please: this is an additional CSS and not a replacement to what you already have on site. * Best regards, Adam * Thread Starter [joindm](https://wordpress.org/support/users/joindm/) * (@joindm) * [2 years, 11 months ago](https://wordpress.org/support/topic/forminator-inline-submit-button/#post-16701798) * [@adam](https://wordpress.org/support/users/adam/) this solves for the submit button but it messes up the contact form again thats below. * Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/) * (@wpmudev-support8) * [2 years, 11 months ago](https://wordpress.org/support/topic/forminator-inline-submit-button/#post-16703388) * Hi [@joindm](https://wordpress.org/support/users/joindm/) * I’m sorry, I didn’t notice another form there as I focused on the one in question. * But there’s a simple solution to that and you can still use this code, just modify it slightly by adding form ID to selectors. Here’s modified version: * ``` @media only screen and (min-width:783px) { #forminator-module-458 .forminator-row { padding-top:30px; } #forminator-module-458 .forminator-row:not(.forminator-row-last) { float:left!important; clear:none; max-width:83%!important; } #forminator-module-458 .forminator-row-last { float:right!important; clear:none; } } ``` * Replace the code that I shared previously with this version and it should be fine (though you may need to clear all cache after change) – it will only target this specifric form and won’t be applied to any other form on page. * Best regards, Adam * Thread Starter [joindm](https://wordpress.org/support/users/joindm/) * (@joindm) * [2 years, 11 months ago](https://wordpress.org/support/topic/forminator-inline-submit-button/#post-16704638) * [@adam](https://wordpress.org/support/users/adam/) sorry forgot to ask does this code combination work on Safari as well? * Plugin Support [Laura – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support8/) * (@wpmudev-support8) * [2 years, 11 months ago](https://wordpress.org/support/topic/forminator-inline-submit-button/#post-16706825) * Hi [@joindm](https://wordpress.org/support/users/joindm/) * It should be working. * Unfortunately, I don’t quite have a way to test it on Safari without it actually being really added to site (I mostly work on PC and while I have option to “view” pages in Safari on my iPad, I don’t have any tools there to modify it live). * However, if the code that I shared earlier (the one that messed up the second form) worked for you on Safari, then this new version would work as well. * Kind regards, Adam * Plugin Support [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/) * (@wpmudev-support2) * [2 years, 10 months ago](https://wordpress.org/support/topic/forminator-inline-submit-button/#post-16736760) * Hello [@joindm](https://wordpress.org/support/users/joindm/) ,  We haven’t heard from you for several days now, so it looks like you no longer need our assistance.  Feel free to re-open this ticket if needed.  Kind regards Kasia Viewing 10 replies - 1 through 10 (of 10 total) The topic ‘Forminator Inline Submit Button’ is closed to new replies. * ![](https://ps.w.org/forminator/assets/icon-256x256.gif?rev=3443182) * [Forminator Forms – Contact Form, Payment Form & Custom Form Builder](https://wordpress.org/plugins/forminator/) * [Frequently Asked Questions](https://wordpress.org/plugins/forminator/#faq) * [Support Threads](https://wordpress.org/support/plugin/forminator/) * [Active Topics](https://wordpress.org/support/plugin/forminator/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/forminator/unresolved/) * [Reviews](https://wordpress.org/support/plugin/forminator/reviews/) ## Tags * [buttons](https://wordpress.org/support/topic-tag/buttons/) * [inline css](https://wordpress.org/support/topic-tag/inline-css/) * 14 replies * 5 participants * Last reply from: [Amin – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support2/) * Last activity: [2 years, 10 months ago](https://wordpress.org/support/topic/forminator-inline-submit-button/#post-16736760) * Status: resolved