[タカヒロ]

こんにちは。

こんな感じでボタンデザインのカスタムCSSを書いてます。
大抵のブラウザであれば、同じ見た目になるのではないかと思います。
もっとスマートな記述があるかと思いますが参考になれば。。。

/* 各フォームパーツのデザインをリセット */
.smf-button-control__control,
.smf-text-control__control,
.smf-textarea-control__control {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  font-size: 100% !important;
  font-family: inherit !important;
}

/* フォームボタンをデザイン */
.smf-button-control__control {
  background: var(--accent-color,#cd162c) !important;
  color: #fff !important;
  border: none !important;
  transition: background-color 0.3s ease !important;
}

/* 「戻る」フォームボタンを個別にデザイン */
.smf-button-control__control[data-action="back"] {
  background: transparent !important;
  color: #333 !important;
  text-decoration: underline !important;
}

/* 「戻る」以外のフォームボタンのホバー＆フォーカス色 */
.smf-button-control__control:not([data-action="back"]):hover,
.smf-button-control__control:not([data-action="back"]):focus {
  background: var(--dark-accent-color,#710c18) !important;
}

♥ 2

いいねをした人:

[タカヒロ]

「テーマ」ではなく「プラグイン」としてインストールしてみてください…😊

♥ 3

いいねをした人:

[タカヒロ]

「プラグイン」ではなく「テーマ」としてインストールすれば良いと思います！

♥ 7

いいねをした人:

[タカヒロ]

my snow monkey を使わない方法です。

カスタマイザの追加CSSでロゴを非表示にしたうえで、

/* hide reCAPTCHA v3 badge */
.grecaptcha-badge { visibility: hidden; }

フォームを設置するページに例えばこんな感じで、代わりとなるカスタムHTMLブロックを挿入します。
どうでしょうか？

<div class="recaptcha-policy">このサイトは reCAPTCHA と Google によって保護されています。<a href="https://policies.google.com/privacy" target="_blank" rel="noopener">プライバシーポリシー</a>と<a href="https://policies.google.com/terms" target="_blank" rel="noopener">利用規約</a>が適用されます。</div>

参考：

Frequently Asked Questions  |  reCAPTCHA  |  Google Developers

developers.google.com

♥ 0

いいねをした人: 居ません

[タカヒロ]

## セレクトボックス
### 必須
あり

### name
delivery-day

### options
"" : "選択してください"
1日
2日
3日
4日
5日
...（省略）
31日

上記で解決しました。
お手数掛けまして、申し訳ございません。
以後気をつけます…

♥ 1

いいねをした人: 居ません

[タカヒロ]

テスト環境つくりました。
メールアドレスは設定していないので「送信する」ボタンは無効です。

snow monkey starter

Just another WordPress site

test-my-code.site

♥ 0

いいねをした人: 居ません

[タカヒロ]

再現手順がわかりました。

## セレクトボックス
### 必須
あり

### name
delivery-day

### options

01
02
03
04
05
...（省略）
31

このようにデータをを格納しているのですが、{delivery-day} を10日以降に指定して「確認ボタン」を押したとき、日 の選択が外れるみたいです。
ただし、{delivery-month} を10月以降に指定したときは、年/月 の選択は外れないです。

♥ 0

いいねをした人: 居ません

[タカヒロ]

検証ありがとうございます。
delivery-… は重複していないと思います。

この前後にも結構多くのフォームパーツを置いてまして、それが干渉してるのかもしれません。。
こちらでもテストページを作って、再現するか確認します。

♥ 0

いいねをした人: 居ません

[タカヒロ]

あ…申し訳ありません。
今のところ非公開のページなんです。
今回はご報告ということで、よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[タカヒロ]

v1.2.0 でプレースホルダーが効いていることを確認しました。
感謝いたします！

♥ 1

いいねをした人: 居ません

[タカヒロ]

よろしくお願いします！

また、別のブログ記事で「ブロック設定」の「説明」欄のことも知ったので、そちらも併用していきたいと思います。

♥ 0

いいねをした人: 居ません

[タカヒロ]

ご指定のプラグインで希望どおりにコピーすることができました。
Snow Monkey Forms までコピーできるとは知らなかった;

ありがとうございます！
トピック閉じます。

♥ 1

いいねをした人: 居ません

[投稿者]

投稿