BizVektorの電話番号(連絡先)のスタイルを変更する
BizVektorで画面右上に表示される電話番号、お問い合わせメッセージ、受付時間のスタイル(フォントサイズ)を変更する例を紹介します。
現在のデザインは次のようになります。
お問い合わせメッセージ、電話番号、受付時間のそれぞれに次のようなスタイルを定義します(子テーマのstyle.cssなどに)。
/* お問い合わせメッセージ */ #header #headContact #headContactTxt { font-size:16px; font-weight:bold; } /* 電話番号 */ #header #headContact #headContactTel { font-size:36px; margin-top:10px;margin-bottom:10px; } /* 受付時間 */ #header #headContact #headContactTime { font-size:16px; font-weight:bold; }
表示結果は次のようになります。
ここでは主にフォントサイズを変更しただけですが、色の設定などに自由にお使いください。