サポート » 使い方全般 » 上下の余白をなくしたい

  • 解決済 mild_taste

    (@mild_taste)


    http://aixfb.com/wordpress/img/tes2.gif

    に画像を上げました上部の空きが中々縮まっていきません。

    現在のテーマはTwenty Elevenを使用しています。

    style.cssの684行目に記載されている
    #main {
    clear: both;
    padding: 1.625em 0 0;
    }
    幅をいじくりこれでもだいぶ縮まりましたがまだだいぶ空きが見られます。

    サンプル文字から下の空きはかなり幅を取っています。こちらの幅も縮めていきたいのです。

    どうかご指導よろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • mild_tasteさん、こんにちわ。

    下記のid(#site-title,#site-description)の
    「padding/margin」を変更すれば画像のようになると思います。

    #site-title {
        margin-right: 270px;
        padding: 10px 0 0;
    }
    
    #site-description {
        color: #7A7A7A;
        font-size: 14px;
        margin: 0 270px 10px 0;
    }

    確認したい要素が何のスタイルがかかっているかわからない場合、
    ブラウザで簡単に確認ができます。
    (Chromeですと、確認したい要素で右クリック→「要素を検証」で確認できます)
    一度お試しあれ^^

    }
    .singular.page .hentry {
    padding: 3.5em 0 0;

    を変更したところ上部の幅が縮まりました。

    下部は

    }
    .singular .entry-title {
    color: #000;
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;

    のfont-sizeとline-hightをいじることで縮め、Pタグが入っていたので削除した所幅がきれいに縮まりました。
    無事解決です。ありがとう御座いました。

    要素を検証かなり良いですね活用していきたいと思います^^

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「上下の余白をなくしたい」には新たに返信することはできません。