Fix the styling!

Hi,

Thanks for the message.

Please could you send me a screenshot of what it looks like for you on mobile? It seems fine for me when testing on my end.

Sadly we / the plugin does not have any control over what the widget itself (iframe contents) look like. This is down to Cloudflare. This plugin simply helps you add Turnstile to your forms.

If you have feedback/suggestions for Cloudflare on the design of the Turnstile widget you can post on their community forums: https://community.cloudflare.com/c/website-application-performance/turnstile/83

It’s the styling, trust me. Looks terrible on mobile. We can’t use it as is.

https://drive.google.com/file/d/1P2DmAI4wVLhBL_Cc3FBpXbvcJDAdS5hT/view?usp=sharing

Hi,

I just checked your link and it looks like you are not using our plugin (“Simple Cloudflare Turnstile”) but instead are using the one by WPPOOL (“Easy Cloudflare Turnstile”).

https://i.gyazo.com/74a7598e8455aef11a5f75d85e9e53f1.png

If you are using that plugin, you will need to submit a support ticket on their forums instead regarding this issue.

You need to add width: 100%; to your iframe. You have set to 300px.

This fix is on the house.

Thanks for the feedback.

The style and layout of the Turnstile widget (300px width) is created by Cloudflare. If you have feedback/suggestions for the style of the Cloudflare Turnstile widget you are welcome to post suggestions on their community forums: https://community.cloudflare.com/c/website-application-performance/turnstile/83

We will probably not be overriding Cloudflare’s default styling.

You can of-course add your own custom CSS to make it fit your own website design/layout.