■ユーザーズフォーラム リニューアルのお知らせ
新規投稿は新ユーザーズフォーラムにお願いします。

メニューの高さの変更

kuromegane > メニューの高さの変更 @ 2014/4/29 12:23
nada iconsを利用しております。
左のメニューの各項目の高さを変更するにはどこをいじったらいいのでしょうか?
n1215 > Re: メニューの高さの変更 @ 2014/5/2 15:46
kuromegane 様

ガイドラインにある通り、署名に環境を明記していただくとより正確な回答が得られやすいです。
次回からご検討ください。

参考)質問を投稿する際のガイドライン
http://forum.basercms.net/modules/guide/content0001.html


以下はbaserCMS3系で確認しています。
メニューの高さなど見栄えに関する部分はCSSで調整が可能です。

今回の場合

app/webroot/themes/nada-icons/css/style.cssの145行目あたりから始まる
#GlobalMenus li {
...
height: 100px;
line-height: 100px;
...
}

という部分が該当します。
こちらの heightとline-heighをデフォルトの60px から変更することでお望みの結果が得られるかと思います。


●おまけ:CSSの修正のコツ
他人が書いたCSSを思い通りに変更するためには、ブラウザのデベロッパーツール機能を利用するとよいです。
たとえばGoogle Chromeなら詳しく知りたい要素を右クリックして「要素を検証」すると
HTMLのソース(左)と要素に適用されたCSS(右)が表示されます。
ここでCSSをいじってみると、リアルタイムで表示が確認できますので、いじる箇所の検討がつきます。
参考)http://www.buildinsider.net/web/chromedevtools/01

モダンなブラウザであれば大体同じような機能があります。

Twitter: @n_1215

ログイン
ユーザー名:
パスワード:


  新規登録 / パスワード紛失

検索

facebook
フォーラムで悩みが解決した場合など、よかったら「いいね!」をポチっとクリックしてください!質問の回答者や開発者の励みになります

フォーラムガイド


関連リンク

オンライン状況
29 人のユーザが現在オンラインです。 (28 人のユーザが フォーラム を参照しています。)

登録ユーザ: 0
ゲスト: 29