Position of Cloudflare Turnstile Captcha - Forum | JoomShaper
Solved SP Page Builder

Position of Cloudflare Turnstile Captcha

Asked by Jasmin 1 year ago Last activity 1 year ago

Hi,
I would like to change the position of the captcha (Cloudflare Turnstile).
Is this possible?

Visually it does not fit well in the form builder.

Screenshot: https://imgur.com/a/yLmglrQ

Kind regards

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
1 year ago

OR can be before (under) "Senden" button

.cf-turnstile {order: 10; margin-top: 15px; margin-left:15px;}
#s1 .sppb-form-builder-btn.sppb-text-sppb-text-left {order: 11;}

info_3173_2025.gif

3 more replies

Oldest first Newest first Most helpful
Ziaul Kabir Staff
1 year ago

Hello Jasmin,

Thank you for reaching out to us.

You can adjust the positions using custom CSS. By inspecting the element, you can target its selector and apply the necessary CSS to it. And add it in your custom css. Unfortunately, there is nothing else we can do on our end.

To add custom css, check this documentation: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

Thanks,

Jasmin Asked this
1 year ago

Hi Ziaul Kabir,

thank you for your quick feedback.
I already thought that it would work via a custom css.

But I did not manage that.
Would you have a CSS example for the captcha ?

Thank you !

Ziaul Kabir Staff
1 year ago

Hello,

Please, check Paul provided css, Hope it will help you.

Thanks,

Paul Frankowski Senior Staff
1 year ago · edited

Try that Custom CSS:

.cf-turnstile {order: 10;margin-top: 20px; margin-left:10px;}

Then it should be under the Send button, in less annoying position ;)

info_3172_2025.gif

Jasmin Asked this
1 year ago

Hi Paul,

Thank you very much !
Works perfectly ;)

Log in to reply.