VWSとは フォーラム Lightning [ 解決済 ] コンタクトフォームの送信ボタンのクラスについて

[ 解決済 ] コンタクトフォームの送信ボタンのクラスについて

このトピックには3件の返信が含まれ、3人の参加者がいます。5 日、 7 時間前 kazoo2013 さんが最後の更新を行いました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #24456

    kazoo2013
    参加者

    コンタクトフォームのフォーム欄に以下のように送信ボタンのコードを書いているのですが、
    [submit class:btn class:btn-success class:btn-lg class:btn-block "送信"]

    書き出されるHTMLは以下のように「btn-primary」が追加されてしまっています。
    <input type="submit" value="送信" class="wpcf7-form-control wpcf7-submit btn btn-success btn-lg btn-block btn-primary">

    これによって「btn-success」クラスが打ち消されてしまうのですが、どこかの設定で「btn-primary」を付加するようになっているのでしょうか。色々と設定内を探してみたのですが、そういった設定箇所を見つけることができませんでした。

    お手数をお掛け致しますが、解決方法をご教授頂けますでしょうか。
    よろしくお願いいたします。

    #24504

    RICK
    参加者

    lightning-pro/assets/js/lightning.min.js にて
    jQuery('input[type=submit]').addClass("btn btn-primary");
    で自動的にクラスが付与されているのが原因です。

    対処法としては下記コードを lightning-pro/assets/js/lightning.min.js より後に読み込ませればOKです。

    jQuery(document).ready(function( $ ){
    	$('.btn-success').removeClass("btn-primary");
    });

    対処例も書いておきます。
    ①上記コードを (子テーマのディレクイトリ)/js/lightning-child.js として保存
    ②下記コードを子テーマの functions.php に追加

    function lightning_child_js() {
    	wp_enqueue_script( 'lightning-child', get_stylesheet_directory_uri() . '/js/lightning-child.js', array( 'lightning-js' ), '1.0.0', true );
    }
    add_action( 'wp_enqueue_scripts', 'lightning_child_js' );

    子テーマは下記記事で入手可能です。

    子テーマでのカスタマイズ

    #24512

    Vektor,Inc
    キーマスター

    あー、これは処理に迷う所ではありますが、見た目だけの問題でしたら
    個人的にはjsで処理しないで css で

    input[type=submit].btn.btn-primary.btn-success {
    
    }

    みたいな指定で済ませるのも一つの方法かと思います。

    #24522

    kazoo2013
    参加者

    RICK様、Vector Inc様、ご丁寧に回答頂きましてありがとうございます。
    JSで付加されていたのですね。
    今後、改善されることを期待して、ひとまず今回はCSSにて対応したいと思います。
    ありがとうございました!

4件の投稿を表示中 - 1 - 4件目 (全4件中)

このトピックに返信するにはログインが必要です。