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

VWSとは フォーラム Lightning [ 解決済 ] 【お問い合わせ画面】previousボタン(戻る)の装飾をしたい

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

  • このトピックには2件の返信、2人の参加者があり、最後にs hにより4ヶ月、 2週前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #85389

    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が反映されていないようです。

    #85443

    うなこ
    モデレーター

    こんばんわ。

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

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

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

    できる!CSSカスタマイズ

    —-

    追記

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

    #85483

    s h
    参加者

    うなこ様

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • このトピックに返信するにはログインが必要です。