【WordPress】Cocoonでタイトルの高さとメニューバーの高さを狭くする方法

高さを狭く
スポンサーリンク

どうも、あおです。

 

タイトルとメニューバーの高さを狭くしたくて調べたのでメモ。

 

まずはタイトル。この高さをもっと狭くしたい。

タイトルの幅

 

 

 

1.外観→カスタマイズを選択

カスタマイズ選択

 

 

 

 

 

 

 

 

 

 

 

2.追加CSSをクリック

追加CSS

 

 

 

 

 

 

 

 

 

 

 

 

3.コードを貼り付け、公開をクリック

CSSヘッダコード追加

コード

/* タイトル背景の高さ */
.logo-text{
padding:5px 0px 10px;
}

 

 

 

4.高さが狭くなりました。

変更前

変更前ヘッダ

 

変更後

ヘッダ高さ変更後

 

 

 

 

 

次にメニューバー。ここです。

メニューバー高さ

 

 

 

 

1.先ほどと同様、外観→カスタマイズを押下。

カスタマイズ選択

 

 

 

 

 

 

 

 

 

 

 

 

2.またまた追加CSS押下

追加CSS

 

 

 

 

 

 

 

 

 

 

 

 

 

3.コードを追加して公開を押す。

メニューバー高さCSS

コード

/* メニューバー背景の高さ */
.navi-in>ul li {
height: 40px;
line-height: 40px;
}

 

 

 

 

 

4.スリムになりました。

変更前

ヘッダ高さ変更後

 

変更後

メニュー高さ変更後

 

 

 

 

~完~