■ユーザーズフォーラム リニューアルのお知らせ
新規投稿は新ユーザーズフォーラムにお願いします。
このフォーラムは閲覧専用のアーカイブです。

【初心者】bcCOLORのメニューの高さ変更方法

tragicmoon > 【初心者】bcCOLORのメニューの高さ変更方法 @ 2016/11/22 10:44
■ BaserCMSのバージョン:3.0.9
■ CakePHPのバージョン:2.5.9
■ レンタルサーバー名:lolipop
■ 設置フォルダ: [ドキュメントルート]
■ 利用しているデータベース: [MySQL]
■ PHPスキル(自己評価): [E]

この度baserCMSを初めて導入してみた者です。
bcCOLORのテーマを利用しているのですが、メニューの高さを変更したいと思っています。

自分で調べた際に、

/app/webroot/theme/bccolors/css/

の中の
style.cssにGlobalNavigationの項目はあったのですが、heightの記述が見つからず手詰まりの状態です。
自分が勘違いしているのかもしれませんが、ご助力頂ければ幸いです。

宜しくお願いいたします。

katokaisya > Re: 【初心者】bcCOLORのメニューの高さ変更方法 @ 2016/11/24 10:27
tragicmoonさんこんにちは。

bccolorsのメニューの高さは、
/app/webroot/theme/bccolors/css/style.css
288行目付近の

「#GlobalNavigation li a」に対して、文字のフォントサイズと上下のpaddingで設定されているようです。
現在
padding: 30px 0;
font-size: 1.6rem;

このように設定されているので、
この値を大きくすれば、メニューの高さが大きくなります。
(もちろん直接「#GlobalNavigation li a」に対してheightを指定しても高さは変わります。)
tragicmoon > Re: 【初心者】bcCOLORのメニューの高さ変更方法 @ 2016/11/27 3:20
katokaisyaさんこんばんは。

ありがとうございます、おかげさまで高さを調整することが出来ました。
ソーシャルリンクの位置がズレましたが、cssの理解を深め、こちらも調整することが出来ました。

本当にありがとうございました。