グローバルナビの下の余白を調整したい(メインカラムをサイドバーと同じ高さに合わせたい) PR 2015/8/13 シェアする LINE! Simplicityの特徴 › フォーラム › Simplicityについての質問 › グローバルナビの下の余白を調整したい(メインカラムをサイドバーと同じ高さに合わせたい) このトピックには5件の返信、2人の参加者があり、最後にマッサにより10年、 10ヶ月前に更新されました。 5件の返信スレッドを表示中 投稿者 投稿 2015年8月13日 12:11 AM #30600 マッサゲスト こんばんは。 最新版(開発版)を使っています。 とっっぺーの、グローバルナビの下の余白(記事一覧との間)を 広げたいのですが、どのようにすればよいでしょうか? 現状サイドバーの方が少し下にきていますので、 メインカラムをサイドバーと同じ高さに合わせたいです。 よろしくおねがいします。 2015年8月13日 7:34 AM #30601 Hidekichiゲスト >現状サイドバーの方が少し下にきていますので、 >メインカラムをサイドバーと同じ高さに合わせたいです。 これはグローバルナビの下の余白とは関係なく、sidebarのh4の値をいじります。 #sidebar h4 { margin-top: 0; } これを子テーマstyle.css等に入れたら#mainと#sidebarの高さは同じになるのではないかと思います。 それでも尚、ナビ下の余白を広げたい場合は、 #body { margin-top: 15px; /*←デフォルト*/ } この値を大きくします。 2015年8月13日 7:36 AM #30602 Hidekichiゲスト ちなみに、sidebarが下がっているのではなくて、そのように見えてるだけで、#mainと#sidebarの高さは同じです。 試しに、web開発環境(firefox,chrome: F12キー)から #sidebar { border: 1px solid #ccc; } などと入れてみてください。同じであることがわかると思います。 2015年8月13日 7:42 AM #30603 Hidekichiゲスト あ、更に。 #sidebar h4で設定すると、#sidebar全体がその設定になってしまうので、一番上のh4だけと言うのであれば、 #sidebar h4:first-child { margin-top: 0; } あるいは、 #sidebar .widgettitle { margin-top: 0; } これでも良いかと思います。 そもそもの設定にmargin-topは無いので子テーマstyle.cssに追加するだけで適用されるかと思います。 2015年8月13日 3:36 PM #30608 わいひらキーマスター hidekichiさんも書いておられますが、一応、サイドバーを囲んでいるものに関しては、メインカラムと高さは同じです。 細かな調整は、デベロッパーツールなどで試してみてください。 WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方 2015年8月13日 8:31 PM #30615 マッサゲスト 早速のご返信ありがとうございます! 大変分かりやすかったです。 同じ高さだったんですね、 勘違いしておりましたが理解できました。 また何かありましたら相談させて頂くかと思いますが、 今後ともよろしくお願いします。 投稿者 投稿 5件の返信スレッドを表示中 トピック「グローバルナビの下の余白を調整したい(メインカラムをサイドバーと同じ高さに合わせたい)」には新しい返信をつけることはできません。