Blogger・Emporioの投稿欄にある余白を調整するためのCSS

テーマ「 Emporio 」では、投稿表示スペースにわずかな余白しかありません。もっとしっかりとした余白があったほうが良さそうですが、調整したい場合は以下のセレクタで CSS を追加することでできます。

投稿表示の余白を CSS で調整

デフォルトでは以下のセレクタで余白が指定されています。
.item-view .post-wrapper {
    padding: 32px;
}
余白を調整するには値の「 32px 」を変更した CSS を追加するか、既存の CSS で該当する箇所を書き換えます。

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

モバイル用にはメディアクエリで以下が指定されています。
@media (max-width: 745px) {
    .item-view .post-outer .post-wrapper {
        padding: 16px;
    }
}
モバイル表示でも余白を調整するのであれば、上記値の「 16px 」を変更した CSS を追加します。