記事の詳細

今私が使っているテーマ、Sugar & Spice で、スマホから見たデザインの調整をしてみました。
res1
記事の両脇にスペースがあります。このスペースを少し狭くしたいのですが・・・。
res2

スマホで見たとき限定なので、style.cssではなく、responsive.cssで調整します。
52行目の

 #main, #header, #prefooter { background: none; }

これを、

#main {
           background: none;
           padding: 3px !important;
}

    #header, #prefooter { background: none; }

こちらに変更します。
記事を囲んでいる要素が#mainです。
paddingの3pxは、例として挙げた下の画像が3pxですので、お好みで変えてくださいね。

関連記事

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


*

WordPressテーマ「LUXE (tcd022)」

アーカイブ

Twitter

ページ上部へ戻る