Xeory Extention 「見出し」のカスタマイズ方法
Xeory Extention 「見出し」のカスタマイズ
外観>テーマの編集から
固定フロントページ (front-page.php)
を編集することでXeory Extention の
「見出し」のカスタマイズができます。
「見出し」を変更する方法
変更するコードは以下の箇所です。
1 2 3 4 5 6 7 8 9 10 |
body.home.color02 .front-main-cont .front-cont-header { background: #36373C; color: #fff; } body.home.color02 .front-main-cont .tri-border span { border-left: 28px solid transparent; border-left: 56px solid transparent; border-right: 56px solid transparent; border-top: 18px solid #36373C; } |
下記の行で大見出しの長方形部分の背景色が変更できます。
1 |
background: #36373C; |
下記の行で大見出しの三角形部分の背景色が変更できます。
1 |
border-top: 18px solid #36373C; |
関連記事 - Related Posts -
-
2017/11/08
-
Xeory Extention のトップヴィジュアルの背景色を変更する方法
-
2017/11/29
-
Xeory Extentionのクローズアップ記事のボタン背景色を変更する方法
-
2017/11/29
-
Xeory Extentionのサービス記事のボタン背景色を変更する方法
-
2017/11/09
-
Xeory Extention トップページ「サービス」のカスタマイズ方法
最新記事 - New Posts -
-
2017/11/29
-
Xeory Extentionのクローズアップ記事のボタン背景色を変更する方法
-
2017/11/29
-
Xeory Extentionのサービス記事のボタン背景色を変更する方法
-
2017/11/09
-
Xeory Extention 「見出し」のカスタマイズ方法
-
2017/11/09
-
Xeory Extention 「お問い合わせ」のカスタマイズ方法