見出し画像

【WordPress】Contact form 7:必須項目をデザインする

Contact form7で「必須」の文字をかっこよくデザインする方法です。

フォーム内の記述

Contact form7内で、項目の中で以下を記述

<span class="required">必須</span>

CSSの記述

「外観」>「カスタマイズ」>「追加CSS」などに、上記で設定したclassにCSSでデザインを設定します。
以下にコピペできるコード、設定場所の詳細などを記載します。

例①:文字と線を赤、背景を白、角に少し丸みをつける

こんなイメージになります。

ここから先は

303字

¥ 300

この記事が気に入ったらサポートをしてみませんか?