[対応:5]クール版グローバルメニューの幅の調整方法

賢威5.0はグローバルメニューに最大で6個のリンクを設置することが出来ます。
ただ枠は余裕をもった仕様になってますので、1つ1つの文字数が多いと、デザインが崩れたり、下に表示されたり、裏側に隠れたりしてしまいます。

screenshot_01

今回の、テキストが2段に折り返さないように、幅の調整方法をご紹介します。

 

グローバルメニューの1つ1つの幅を調整する方法

それでは、方法をご紹介しますが、ここではクール版について説明します。
※幅の調節は、各テンプレートによって若干違います。

 

1.ダッシュボードメニューの「外観」から「テーマ編集」をクリックします。

screenshot_50

 

2.テーマ編集の右側にある「cool-white○○.css」をクリックします。

screenshot_02

 

3.中央のソース部分から、下記ソースを探します。

screenshot_05

 

4.「padding: 0 50px 0 26px;」の部分を調整します。
ここでは、50PXが右側の幅、26PXは左側の幅を表しています。

screenshot_04

 

5.今回は、例として 0.30px.0.20pxぐらいで調整してみました。
下記のソースのように変更して保存します。

screenshot_06

 

6.このように、文字の感化をを詰めることが可能です。

screenshot_01

 

以上、グローバルメニューの幅の調整方法でした。

コメントを残す

サブコンテンツ

このページの先頭へ