[mtmekj]

【お使いの Snow Monkey のバージョン】 29.1.5
【お使いの Snow Monkey Blocks のバージョン】24.1.3
【お使いの Snow Monkey Editor のバージョン】11.0.2
【お使いのブラウザ】BRAVE
【当該サイトのURL】

### 実現したいこと

お問い合わせフォームボタン下のCLOUDFLAREボタンの縦横の大きさを広げたり・縮めたりしたい

### 発生している問題

CSSでどうやっても大きさ調整ができない
特にSP版だとすぐ上のボタンの横幅に対して横幅いっぱいになってしまい、デザイン的におかしくなってしまう

### 試したこと

CSSでwidth, height !importanは当然、zoom, scale, compactタグで実装してもダメでした。
ChatGPTに相談しても結果ダメでした。
検索しても解決方法が出てきませんでした。

ぜひ解決方法できるコードや方法があれば、教えていただけませんでしょうか？
いつもお世話になっており、本当に感謝しております。
ご対応よろしくお願いいたしますm(_ _)m

♥ 0

Who liked: No user

[キタジマ タカシ]

これは多分自由には変更できないんじゃなかったですかね？（僕も詳しくは知りませんが…）

これウィジェットと呼ぶらしいのですが、ウィジェットには theme と size というパラメーターがあり、Snow Monkey Forms では、それらパラメーターをフックでカスタマイズできるようになっています。

### 該当のコード

snow-monkey-forms/App/Service/Turnstile/Turnstile.php at master · inc2734/snow-monkey-forms

Contribute to inc2734/snow-monkey-forms development by creating an account on GitHub.

github.com

### ウィジェットの説明

Widget configurations

Configure your Turnstile widget

developers.cloudflare.com

compact だと幅は小さくなりますが、高さは大きくなりますね…。

add_filter(
  'snow_monkey_forms/turnstile/size',
  function( $size ) {
    return 'compact';
  }
);

♥ 0

Who liked: No user

[mtmekj]

上記コードをプラグインCode SnippetsのPHPに追加してみたところ、
確かに横幅が小さくなりましたが、縦に伸びてしまいましたね（汗）

おっしゃるようにChatGPTによりますと
＞CSSでは調整不可、Cloudflareの仕様上「normal / compact」の2択しかないので、それ以上のサイズ調整はできません。
とのことです。

デザインは妥協して現状、CLOUDFLARE認証バナーを活用するしかないようですね。
承知いたしました、お手数をおかけいたしました。
ありがとうございました！

♥ 1

Who liked:

[投稿者]

投稿