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

今私が使っているテーマ、Sugar & Spice で、スマホから見たデザインの調整をしてみました。

記事の両脇にスペースがあります。このスペースを少し狭くしたいのですが･･･。

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

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

これを、

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

    #header, #prefooter { background: none; }

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