Options with buttons (next and previous)

Hi @marcusabs

I hope you’re well today!

You should be able to move those buttons with a bit of additional CSS:

{
    display: flex;
    flex-wrap: wrap;
}
> * {
    width: 100%;
}
.forminator-pagination-footer {
    order: -1;
}
.forminator-pagination-steps {
    order: -2;
}

Please add it directly to the form via it’s Custom CSS option in form’s “Behavior” settings.

After updating the form, make sure to fully flush all cache (site, server).

Best regards,
Adam

Thank you for the code.

It didn’t work. I use elementor btw

Hi @marcusabs,

The workaround appeared to be working fine when I tested this on a test website at my end.

Can you please confirm if you tried clearing all the cache once the CSS was added?

Since the website URL you provided is in “Comming Soon” mode, I wasn’t able to take a closer look at the issue on your website. Would it be possible for you to share a page URL where we can access the form to help you further?

We look forward to hearing back from you.

Kind Regards,
Nebu John

Hi, thank you again.

I misunderstood. I places the code directly in elementor.

I am in behavior in the forminator settings but I don’t see where I should paste the code.

Thank you in advance.

Br. Marcus

“I found an option to paste a CSS code in appearance. But now the ‘go back’ and ‘next’ buttons are on top of the form. I would like to have them at the bottom, but just the two buttons switching places.

Best regards,
Marcus”

Hi @marcusabs,

Hope this message finds you well.

Glad to hear you were able to find the Appearance >> Custom CSS.

But now the ‘go back’ and ‘next’ buttons are on top of the form. I would like to have them at the bottom, but just the two buttons switching places

This is confusing, adding the buttons to the top of the form as your screenshot here https://prnt.sc/R1ES7vA0WnLS was your request, if you don’t want to use this anymore, you just need to remove the code provided by Adam, and the buttons will back to the default position which is the bottom.

If you still require a different approach, could you elaborate a little or share a mockup about it? Thank you.

Best regards,
Laura

Yes sorry about that. What I want is actually just to switch “go back” and “next” around. Now go back is on the top and I want it to be under next.

Br. Marcus

Hi @marcusabs,

Could you confirm is this what you are looking for?

https://prnt.sc/Tbs4c1GiKpyR

Let us know, thank you.

Best regards,
Laura

Hi @marcusabs,

Since we haven’t heard from you for a while. I’ll mark this thread as resolved for now. Please feel free to re-open this thread if you need any further assistance.

Kind Regards
Nithin