コンタクトフォームの送信ボタンのクラスについて

[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」を付加するようになっているのでしょうか。色々と設定内を探してみたのですが、そういった設定箇所を見つけることができませんでした。

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

[DRILL LANCER]

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' );

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

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

[Vektor,Inc]

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

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

}

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

[kazoo2013]

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

[投稿者]

投稿