記事内の画像に外余白をつける

新しくなったプレビューには画像がついています。
そこで気がつかれた方がたくさんいると思いますが、記事の文章が画像にぴったりくっついているものと、少し離れているものがあります。
この差は、画像に外余白が付いているか、いないかです。
私もそこまで考えて指定していなかったので、記事が写真にくっついてましたが、テンプレート大修正をした時に「月の華」以外は修正しました。
これは他のテンプレートにも有効ですので、プレビューで写真と記事がくっついているものにも使えます。


テンプレート編集ページへの行きかたは以前に何度も説明してあるので省略します。
ページ右下のCSSの最初のブロックに次の指定を貼り付けてください。

    img {
        margin:2px;        
        border:none;
    }

上記のmarginは外余白です。borderは枠線です。ここでは枠なしを指定しています。
これで、全ての画像と記事との間に少し間が開きます。
気になる方は試してみてください。

もしも、記事以外には外余白が欲しくない場合は「記事ブロック」のなかに次の指定を貼り付けてください。
セレクタの「.EntryText 」は記事文章を指定する部分ですが、テンプレートによってはセレクタが別の名前になっています。分かればその名前で指定してください。分らない場合は上記の方法でしてください。

.EntryText img {
    margin:2px 4px;
}