ContactForm7の問い合わせボタンのデザイン

ぽりぷ

ボタンデザインを綺麗に整えました

ver1.0.5~

SANGOのコンタクトフォーム7はデフォルトボタン表示でした。SANGOのボタンデザインに合わせています。

 

ContactForm7設定の方法

基本的には、そのまま使えます。一部調整する方法を説明します。

ボタンを中央におきたい場合

ContactForm7の管理画面からコンタクトフォームの送信ボタンを以下のように置き換えてください。

コード
<div class="ct">[submit "送信"]</div>

ボタンの色を変更したい場合

style.cssに以下を追記すると、ボタン色を変えることもできます。

コード
.wpcf7 input[type="submit"] ,
.pushbutton-wide{
	background-color: #BDBDBD;
}

ぽりぷ

赤字を好きなカラーコードに変更してください!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です