フロントページの背景色をパネルごとに変更する方法
フロントページを複数指定している場合、設定した固定ページを順番に表示させています。
このとき 各セクションごとに背景色を変更する方法です。
CSSを追加します。
|
1 2 3 |
<span style="color: #32373c; font-family: 'Open Sans', sans-serif; font-size: 14.399999618530273px; background-color: #fbfbfb;">#panel1 div.panel-content {background: #EEE5BE!important;}</span><br style="box-sizing: inherit; color: #32373c; font-family: 'Open Sans', sans-serif; font-size: 14.399999618530273px;" /> <span style="color: #32373c; font-family: 'Open Sans', sans-serif; font-size: 14.399999618530273px; background-color: #fbfbfb;">#panel2 div.panel-content {background: #ef675b!important;}</span><br style="box-sizing: inherit; color: #32373c; font-family: 'Open Sans', sans-serif; font-size: 14.399999618530273px;" /> <span style="color: #32373c; font-family: 'Open Sans', sans-serif; font-size: 14.399999618530273px; background-color: #fbfbfb;">#panel3 div.panel-content {background: #38455e!important;}</span> |
固定ページは表示順に上から「panel1」「panel2」「panel3」とID名がついていき、表示エリアのクラスは「panel-content」となっています。
CSSで背景色を指定します。
参考（英文）：https://wordpress.org/support/topic/front-page-section-background-color/
