[菊地 博之]

グローバルナビゲーションのフォントカラーの変更方法を教えてください。

♥ 0

いいねをした人: 居ません

[菊地 博之]

これで解決しました。

.p-global-nav span{
  color:#fff;
}

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ご自身で解決できたとのこと良かったです！

一応、ホバーのときとか状況で色を変えたいときは下記がおすすめです。

/* 通常時 */
.p-global-nav .c-navbar__item > a {
  color: #333;
}

/* カレント表示時 */
.p-global-nav .c-navbar__item[data-active-menu="true"] > a {
  color: #bd3c4f;
}

/* ホバー時 */
@media (min-width: 64em) {
  .p-global-nav .c-navbar__item:hover > a,
  .p-global-nav .c-navbar__item:active > a,
  .p-global-nav .c-navbar__item:focus > a {
    color: #bd3c4f;
  }
}

解決済みということで、トピッククローズします！

♥ 0

いいねをした人: 居ません

[投稿者]

投稿