サポート » 使い方全般 » ウィジェットの余白を消す

  • fwfwmymelody

    (@fwfwmymelody)


    ウィジェットの背景と固定ページの背景を変えたいと思っております。
    ウィジェットの背景を下記CSSで変更しても
    周りに余白がついてしまいます。

    .widget {
    background-color: black;
    padding: 0px;
    marging: 0px;
    color: hotpink;

    }

    白の余白をなくすことなく全体を黒くする方法はないでしょうか?
    またリンクの文字をピンクにしたいのですが、こちらも反映されず。。
    よろしくお願いいたします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • shokun0803

    (@shokun0803)

    fwfwmymelodyさん、こんにちは。

    見た限り白い余白を作っているのはウィジェットではなくサイドバーのようです。
    かなり雑な書き方ですが、以下のようにサイドバーのpaddingとborderを消してみてはいかがでしょうか。

    div#sidebar {
        padding: 0;
        border: 0;
    }

    ご自身で参考にして調整してみてください。
    ※追記
    余白を残したいのであれば

    div#sidebar {
        border: 0;
        background: #000;
    }

    のようにサイドバーの背景を黒くする方法もありですね。

    ちなみにピンクの文字色は.widget_nav_menu ul li a辺りに設定されている黒で置き換わっています。CSSの適用順序を考えて設定してみてください。

    ご参考になれば。

    • この返信は9ヶ月前にshokun0803が編集しました。
1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「ウィジェットの余白を消す」には新たに返信することはできません。