メニューの高さの変更
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行目あたりから始まる
という部分が該当します。 こちらの heightとline-heighをデフォルトの60px から変更することでお望みの結果が得られるかと思います。 ●おまけ:CSSの修正のコツ 他人が書いたCSSを思い通りに変更するためには、ブラウザのデベロッパーツール機能を利用するとよいです。 たとえばGoogle Chromeなら詳しく知りたい要素を右クリックして「要素を検証」すると HTMLのソース(左)と要素に適用されたCSS(右)が表示されます。 ここでCSSをいじってみると、リアルタイムで表示が確認できますので、いじる箇所の検討がつきます。 参考)http://www.buildinsider.net/web/chromedevtools/01 モダンなブラウザであれば大体同じような機能があります。 Twitter: @n_1215 |