コメントの編集

Edit a comment

Name:

Subject:

Mail:

URL:

Comment:

初めまして♪そして、明けましておめでとうございます。m(__)m

拙いテンプレートのご利用、誠に有難うございます。
早速ご質問の件です。
記事内の余白は2カラムも3カラムも同じ寸法になっておりますので、改変個所も全て同じです。（スマホやタブレット、PCでの閲覧用に全部で4か所あります。）

スタイルシート編集枠を1/4程スクロールした所にある
.con_body {
    margin: 20px 20px 10px;
}

3/4ちょい上までスクロールしたところに有る
@media only screen and (max-width:749px)
.con_body {
    margin: 15px;
}

5/6程までスクロールしたところに有る
@media only screen and (min-width:1000px)
.con_body {
    margin: 20px 30px 10px;
}

7/8程までスクロールしたところに有る
@media only screen and (max-width:400px)
.con_body {
    margin: 10px;
}

の4か所です。
数値が3つになっているものは、左から 上 左右 下 になっていて、
margin: 上px 左右px 下px;
というように指定しています。なので、margin: 20px 20px 10px;と書かれていたら、上に20px,左に20px,右に20px,下に10px; という余白になります。
marginの数値が1つの場合は、上下左右が同じ数値の余白になります。
（…因みに数値2つの場合は 上下px 左右px になります。）
この数値を左のみ変えたい場合は、4つに分けて記述します。

margin:上px 右px 下px 左px;
というように、上から時計回りに指定します。（上→右→下→左）
左側を狭めたい場合は一番最後の数値を小さくしてあげれば良いので、前出の数値であれば
margin: 20px 20px 10px 0px;
という数値になります。
それを、上記のスタイルシート箇所に当てはめ（0pxで記事タイトル枠と一緒位になりますが、5～10px位は有った方が読み易いと思います…）ご自身でブラウザの幅を狭めて確認しながら、丁度良い余白を決めて下さい。

上記の説明でご不明な点が有りましたら、再度コメント下さいませ。m(__)m

Password:

Secret:非公開コメント