テーマ「neutral 1.0」のヘッダメニューの間隔を変更する

CSプレイヤーズとCSレキシコンでは、WordPressのテーマ「neutral 1.0」を使っている。CSレキシコンでは、ヘッダメニューの所にカテゴリーを一覧で表示しているのだが、項目が多くなってきたので入り切らなくなって来た。CSSを編集して、詰めることにした。

赤矢印の部分の間隔を狭める。

テーマ編集で、スタイルシートを編集する。スタイルシート内の、header-menuの項内の下記のコードを探す。

[php]
.menu li { position:relative; float:left; padding:0 18px; z-index:100; }
[/php]

この中の「padding:0 18px;」の数字を変更する。現在の設定では、8pxにしてある。

[php]
.menu li { position:relative; float:left; padding:0 8px; z-index:100; }
[/php]

すると、間隔が縮んで、下記の様になる。

記事の共有: