WordPressのいろいろ。使っていてつまづいたところ、工夫したところなどを覚書にしてみました。

  1. WordPress
  2. 1 view

レスポンシブCSSを調整する

今私が使っているテーマ、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ですので、お好みで変えてくださいね。

WordPressの最近記事

  1. 子テーマのCSSを反映させたい

  2. サイトが真っ白

  3. 移転作業の大変さ・・・

  4. 久しぶりにガッツリ取り組みました

  5. レスポンシブCSSを調整する

関連記事

コメント

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

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

CAPTCHA


PAGE TOP