【SWELL】ヘッダーのグローバルナビメニューのフォントや色を変えるCSS

ヘッダーのグローバルナビメニューのフォントや色を変えるCSS

SWELL愛用者なら使っているうちに人とは違う個性を出したくなりますよね!

カスタマイズするにはCSSが必要になってきます。このページではグローバルメニューのフォントや色を変えるCSSをご紹介します。

目次

ヘッダーのグローバルナビメニューのフォントや色を変えるCSS

ヘッダーのグローバルナビメニューのフォントや色を変更するCSSはこちら↓

.c-gnav>.menu-item>a .ttl {
font-size: 16px;
color: #000000;
letter-spacing: 1.2px;
font-weight: bold;
}

これをカスタマイズCSSにコピペすればOK!

設定したCSSの補足説明

font-size: 16px;
→この記述はフォントサイズを指定しています。数字を変えてお好みに微調整してね!

color: #000000;
→この記述はフォントカラーを指定しています。好みのカラーコードを指定すればOK!

letter-spacing: 1.2px;
→この記述は文字間の隙間を指定するプロパティです。あまり文字間を広げるとバランスが悪いので調整してみてくださいね!もちろん設定せずにデフォルトでもOK!

font-weight: bold;
→この記述は文字の太さです。設定しなくてもOK!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

SWELLでサイトのカスタマイズが大好きです!SWELLのすごさをもっと色々な人に広めたい♪

目次