WordPress テーマtidyのレイアウト変更

WordPress テーマtidyのレイアウト変更

WordPress テーマtidyのレイアウト変更

ベースにしたテーマ”tidy”はPCの画面サイズの時に画面左端から文字を表示しますが私は少し余白があるほうが好みなのでpaddingで調整しました。

tidy-sub1

  • サブテーマのstyle.cssに次の通り追記しました。
    コメントはベースとなっている”tidy”のstyle.cssの調整対象ライン番号などです。
    /* =Layout 505
    ———————————————– */
    .inner,
    .site-content {
    padding: 0px 10px;
    }
    .site-content {
    padding-top: 40px;
    }
    /* =Header 597
    ———————————————– */
    .site-header {
    padding: 0px 10px;
    }
    /* =Footer 2200
    ———————————————– */
    .site-footer-widget-area {
    padding: 20px 10px 10px 0;
    }
    .site-footer-social-area {
    padding-bottom: 10px;
    }
    .site-info {
    padding: 5px;
    }