move the send button

Hi @began87

I hope you’re well today!

Currently the submit button cannot be moved by drag&drop. It’s doable but requires a bit of additional custom CSS.

Since CSS depends on the site (can be affected by the general form configuration, theme’s CSS and CSS from other plugins) we’d need to check it on the real page with the form in question.

Would you share a link to the page with the form, please?

We would then visit it and check to create necessary CSS for you.

Kind regards,
Adam

Hi @began87

Thanks for response!

This CSS should do the trick:

@media only screen and (min-width:1034px) {
  #forminator-module-1267 .forminator-row {
    width:80%;
  }
  #forminator-module-1267 .forminator-row-last {
    width:23%;
    float:right;
    margin-top:-162px;
  }
}

@media only screen and (min-width:831px) and (max-width:1033px) {
  #forminator-module-1267 .forminator-row {
    width:70%;
  }
  #forminator-module-1267 .forminator-row-last {
    width:30%;
    float:right;
    margin-top:-200px;
  }
}

@media only screen and (min-width:783px) and (max-width:830px) {
  #forminator-module-1267 .forminator-row {
    width:70%;
  }
  #forminator-module-1267 .forminator-row-last {
    width:30%;
    float:right;
    margin-top:-220px;
  }
}

Note please:

1. Do not add it to custom CSS in form settings. Instead add it to some general custom CSS option, e.g. in your theme settings if available or via some free custom CSS plugin (such as Simple Custom CSS or similar).

2. Once added, make sure to fully flush all cache (site, server etc) as otherwise you may not see changes applied right away

3. you may need to adjust pixel values in the CSS slightly to fine-tune the button location.

Best regards,
Adam

Hi @began87

I’m glad that this issue is resolved. If you have a moment, I would very much appreciate it if you could quickly rate our plug. This will help us to keep this plugin available for free.

https://ww.wp.xz.cn/support/plugin/forminator/reviews/#new-post

Best Regards
Patrick Freitas