Blogger・Contempoの投稿表示スペース内側の余白を調整する

テーマ「 Contempo 」ではブログ背景に画像や背景色を指定し、ページ表示部分を独立させた見せ方をしています。そのため、ページ表示部分にはあらかじめ若干の余白が指定されていますが、「もう少し余白がほしい」といった場合には以下の方法で調整することができます。

余白を CSS で調整する

デフォルトでは上下に「 30px 」左右に「 40px 」の「 padding 」が指定されているので、この値を変更して余白を調整します。
.post-outer-container {
    padding: 30px 40px;
}
調整するには、値を変更した上記 CSS を追加するか、既存の CSS を直接書き換えます。

モバイル用に調整する場合の CSS

モバイル用にメディアクエリで以下が指定されています。
@media screen and (max-width: 800px) {
    .post-outer-container {
        padding: 16px;
    }
}
モバイル表示でも余白を調整したい場合は、上記値の「 16px 」を変更します。