[ 解決済 ] 【お問い合わせ画面】previousボタン（戻る）の装飾をしたい

[s h]

■ WordPress のバージョン
6.4.3

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.19.0

■ Pro Unit のバージョン
0.26.4

■ スキンの種類
Evergreen

■ スキンのバージョン
0.2.4

■ 期待する動作
https://www.xserver.ne.jp/bizhp/contact-form-7-confirm-thanks/

こちらの手順にて、お問い合わせ画面に入力内容確認画面を追加しました。
その際に、戻るボタンを追加したのですが、submitボタンと同じような装飾をしたいのですが、
追加CSSに記載しても、反映されませんでした。

■ 自分で試した事
追加したCSS

input[type=”previous”] {
width: 160px;
height: 60px;
background: #2F4E90;
border-radius:0px;
color: #fff;
transition: opacity .6s;
　box-shadow: 0 2px 10px 0 rgba(0,0,0,.12);
transition: all .3s ease 0s;
}

input[type=”previous”]:hover {
opacity: .6;
box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
transform: translateY(0.1875em);
background-color: var(–vk-color-primary-vivid);
}

■ 症状が発生するブラウザ
chrome

■ 実際の症状
CSSが反映されていないようです。

[うなこ]

こんばんわ。

確認したところ、クラス名が違うのかなと思います。

input[type=button].wpcf7-previous　にするといかがでしょうか？

CSSのカスタマイズにつきましては、以下もご参照ください

できる！CSSカスタマイズ

—-

追記

テーマ側の方にissueを上げさせていただきました。
https://github.com/vektor-inc/lightning/issues/1120

[s h]

うなこ様

いつもご回答ありがとうございます。
ご教授いただいたクラス名にてCSSが反映されました。
助かりました。誠にありがとうございます。

[投稿者]

投稿