gooブログ 本文と背景の間に余白を入れたいのですが、できません。

質問

gooのブログを使用しています。
スキンはシンプルなものを使用してCSSで編集しています。
ブログのスタイルは、全体の背景色は白ですが、
さらに文章の後ろに読みやすいようにベージュの背景色つけています。
しかし、その背景と本文（左側）がきちきちで、もう少し右にずらして
余白を作りたいと思っています。
CSSの編集画面で、このようにしていますが、全く反映されません。
paddingとmarginどちらかよく分からないのですが、どちらでやってみても無理でした。私のやり方が間違っているのでしょうか。
よろしくお願いします。

/* エントリー本文 */
.etBody {
font-size: 10pt;
line-height:130%;
word-break:break-all;
padding: 0px 0px 0px 50px;
}

/* エントリー本文背景 */
.entryBg{
padding: 10px;
background-color:#EEE5DE;
margin: 0px 20px 30px 0px;
}

回答No.1

Muller3 · ベストアンサー

すみません、解釈が間違ってたらすみませんですが、
ベージュの背景の位置はそのままに、エントリー本文だけを右にずらしたい、ということでしょうか。
でしたら、エントリー本文背景のpaddingの数値を変えることでできないでしょうか。
padding: 10px;
を
padding: 10px 10px 10px 30px;
とか。（30の数値は適当）

私が使っているテンプレートではできました（他をどのように変更されたかにもよりますが）

ベージュの背景と本文をまとめて右に動かしたい（左側の全体の背景色部分を広げたい）ということでしたらまた違います。。。

お礼

間違えて、「補足」の欄にお礼を入力してしまいました・・・
本当に助かりました。教えて頂いた通りにしたらできました！！
ありがとうございました＼(^o^)／

補足

こんにちは。回答ありがとうございますm(__)m
教えて頂いた通りにしたらできました！！ありがとうございました＼(^o^)／