Twenty Twelve CSSカスタマイズ

WordPressテーマカスタマイズ

「Twenty Twelve」サイドバーのリストのスタイル変更CSS

サイドバーにカテゴリーなどを表示したときに、リストとして表示されます。 そのリストの余白を変更するには、「.widget-area .widget」の「margin-bottom」の値を変更します。また、リストのレイアウトを変更するときは、...
WordPressテーマカスタマイズ

「Twenty Twelve」サイドバーのタイトルのレイアウトCSS

Twenty Twelveでサイドバーにあるタイトルのスタイルを変更するには、style.cssファイルにある「.widget-title」にプロパティ追加や値の変更をすることで実現できます。 タイトルのレイアウト変更 例として、文字色を白...
WordPressテーマカスタマイズ

Twenty Twelveのメインコンテンツの幅を変更するCSS

サイトの投稿や固定ページを表示するコンテンツ部分の幅を変更するには、style.cssファイルの@media screen and (min-width: 600px)にある.site-contentのwidthの値を変更します。 .sit...
WordPressテーマカスタマイズ

Twenty Twelveの右側にある影(隙間)を無くす方法

Twenty Twelveでは、サイドバー右に影が表示されます。 この影を無くすには、「body .site」セレクタにあるbox-shadowプロパティを削除することでサイトの右にある影を無くすことが出来ます。 【例:style.css】...
WordPressテーマカスタマイズ

Twenty Twelveでサイト表示部分の背景色を変更するCSS

タイトルや記事などの表示されるサイト全体の背景色を変更するstyle.cssのbodyにbackgound-colorを追加します。 【例:style.css】 body .site { padding: 0 40px; padding: ...