グローバルナビの下の余白を調整したい(メインカラムをサイドバーと同じ高さに合わせたい)

Simplicityの特徴 フォーラム Simplicityについての質問 グローバルナビの下の余白を調整したい(メインカラムをサイドバーと同じ高さに合わせたい)

  • このトピックには5件の返信、2人の参加者があり、最後にマッサにより10年、 10ヶ月前に更新されました。
5件の返信スレッドを表示中
  • 投稿者
    投稿
    • #30600
      マッサ
      ゲスト

      こんばんは。

      最新版(開発版)を使っています。

      とっっぺーの、グローバルナビの下の余白(記事一覧との間)を
      広げたいのですが、どのようにすればよいでしょうか?

      現状サイドバーの方が少し下にきていますので、
      メインカラムをサイドバーと同じ高さに合わせたいです。

      よろしくおねがいします。

    • #30601
      Hidekichi
      ゲスト

      >現状サイドバーの方が少し下にきていますので、
      >メインカラムをサイドバーと同じ高さに合わせたいです。

      これはグローバルナビの下の余白とは関係なく、sidebarのh4の値をいじります。

      #sidebar h4 {
        margin-top: 0;
      }

      これを子テーマstyle.css等に入れたら#mainと#sidebarの高さは同じになるのではないかと思います。
      それでも尚、ナビ下の余白を広げたい場合は、

      #body {
        margin-top: 15px; /*←デフォルト*/
      }

      この値を大きくします。

    • #30602
      Hidekichi
      ゲスト

      ちなみに、sidebarが下がっているのではなくて、そのように見えてるだけで、#mainと#sidebarの高さは同じです。

      試しに、web開発環境(firefox,chrome: F12キー)から

      #sidebar {
        border: 1px solid #ccc;
      }

      などと入れてみてください。同じであることがわかると思います。

    • #30603
      Hidekichi
      ゲスト

      あ、更に。

      #sidebar h4で設定すると、#sidebar全体がその設定になってしまうので、一番上のh4だけと言うのであれば、

      #sidebar h4:first-child {
        margin-top: 0;
      }

      あるいは、

      #sidebar .widgettitle {
        margin-top: 0;
      }

      これでも良いかと思います。
      そもそもの設定にmargin-topは無いので子テーマstyle.cssに追加するだけで適用されるかと思います。

    • #30608
      アバター画像わいひら
      キーマスター

      hidekichiさんも書いておられますが、一応、サイドバーを囲んでいるものに関しては、メインカラムと高さは同じです。

      細かな調整は、デベロッパーツールなどで試してみてください。
      WordPressテーマのCSSカスタマイズ向けChromeデベロッパーツールの使い方

    • #30615
      マッサ
      ゲスト

      早速のご返信ありがとうございます!
      大変分かりやすかったです。

      同じ高さだったんですね、
      勘違いしておりましたが理解できました。

      また何かありましたら相談させて頂くかと思いますが、
      今後ともよろしくお願いします。

5件の返信スレッドを表示中
  • トピック「グローバルナビの下の余白を調整したい(メインカラムをサイドバーと同じ高さに合わせたい)」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)