Q&A
「検証機能」とはなんですか？
wordpressにてSimplepay Stripeというプラグインを使用してショートコードで決済ボタンを設置しています。そのボタンの装飾を検証機能を使用してカスタマイズしたいのですが、検証機能を終了しリロードすると元に戻ってしまいます。
スーパーリロードを試みましたが永遠に回ったままで終了しない為、出来ていません。初心者で何が原因かも分からず困っています????
詳しい方、教えていただけないでしょうか…
よろしくお願い致します。
回答3件
0
自己解決
Simple custom CSS and JSプラグインを使用してCSSを書き込んだところ、無事解決できました☺︎
丁寧に教えてくださり、ありがとうございました！
投稿2021/04/02 15:53
総合スコア0
0
検証機能でボタンの要素名を確認して、Simple Custom CSS and JSプラグインを使いボタンの色や大きさをCSSで書いていくのが良いと思います。
投稿2021/04/02 08:24
総合スコア34
わかりやすい画像、ありがとうございます。
画像を拝見し、一番近しい部分を見てみましたが、<a が見当たりません。
.simpay-styled .simpay-form-control .simpay-btn:not(.stripe-button-el) {
と記載されています。この部分を追加したらいいのでしょうか、、
ページをみていないので断言できませんが、btn（ボタン）が入っているので可能性は高そうです、CSSを書いて反映→反映されなかったら別の要素を指定しトライアンドエラーしてみてください。
ありがとうございます！
色々なサイトを参考にしながら先程変更できました！
が、ボタンホバー時のbackground欄がどこにあるかわからず手こずっています。
目印等あれば教えていただきたいです。
0
検証機能を使用してカスタマイズというのはブラウザのデベロッパーツールのことでしょうか？ここでできるのは表示のテストだけなので、検証機能を終了すると変更が反映されません。
Simplepay Stripeの中にボタンの色変更項目など見当たらないでしょうか？
補足：装飾したいCSSの内容をSimple Custom CSS and JSプラグインで書いて反映させることもできます。
投稿2021/04/02 07:54
編集2021/04/02 08:03総合スコア34
ボタンデザインに関してはEnable Form Stylesしか項目がなく、そこにはチェックを入れています。Submit Button Colorはストライプにて変更出来るみたいですが、決済ボタンをクリックした後の表示カラーしか変更できず、wordpressでのボタンの変更は見当たりません????
追記:ありがとうございます。プラグイン追加しました。初心者でコードも書いたことが無いのですが、調べて試してみます！
画像がつけられなかったので新たに回答してしまいました、すみません。プラグインぜひ使ってみてください！ボタン カスタマイズ コピペでググるとコピペするだけで使えるおしゃれなコードもたくさん出てくるのでおすすめです！
あなたの回答
tips
プレビュー
