バズ部 テーマXeory base カスタマイズ メニューのラインをアンダーラインに

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

デフォルトではメニューの上に表示されるアンダーライン。
細くてある場所も好きではないので、私は下に移動しました。
そして太くしちゃいました!

メニューのラインをアンダーに

メニューのラインをアンダーに


cssではラインを上に出すのをやめて、下にしてよと。
さらにカレントページでは表示しといてねっと。
HTMLは何も触ってません。
これを子テーマに追記します。

body.color04 #gnav li a:hover {
	color: #2B2D2D;
	border-bottom: 2px #F6706F solid;
	border-top: none;
}
body.color04 #gnav li.current-menu-item a
{
  color: #2B2D2D;
  border-bottom: 2px #F6706F solid;
  border-top: none
}

もしお役に立てたり、クスッとして頂いたりご共感頂けた際にはポチっとして頂けますと記事への情熱になったりしなかったり。。。

  • にほんブログ村 子育てブログへ
  • にほんブログ村 IT技術ブログ WordPressへ

コメント

コメントを残す

*

CAPTCHA