BizVektorの電話番号(連絡先)のスタイルを変更する

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;
}

表示結果は次のようになります。

連絡先のスタイルの変更後
連絡先のスタイルの変更後

ここでは主にフォントサイズを変更しただけですが、色の設定などに自由にお使いください。