WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマBEAUTY:ヘッダーとグローバルメニューについて

Q.ヘッダーとグローバルメニューについて教えて下さい。

ヘッダーに背景画像を挿入したり、ヘッダーの高さを変更するにはどうしたら良いでしょうか?
またグローバルメニューに背景画像を挿入したり、フォントの大きさを変更するにはどうしたらいいでしょうか?

A.下記の方法でご対応ください。

外観>TCDテーマオプション>基本設定
にある「カスタムCSS」にて、
下記内容をご記述頂くことで、実現可能です。

/* ヘッダー全体 */
.l-header {
  background-image: url("画像のURL");
  height: 300px;
}

/* ロゴなどの領域 */
.l-header__inner {
  height: 140px;
}

/* グローバルメニュー全体 */
.p-global-nav {
  margin-top: 93px;
  background-image: url("画像のURL")
}

/* グローバルメニューの項目 */
#js-global-nav > ul > li > a {
  background-image: url("画像のURL")
  font-family: "メイリオ";
}
The following two tabs change content below.

タカ

スポーツが好きな30代男性です。 休みの日はフットサルやバスケットをしています。

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。