見出し文字色を変更する


WordPress管理画面から「外観 ⇒ テーマの編集」⇒「base.css」


「base.css」内で以下のコードを探します。


.main-body h2{
margin: 60px 0 30px;
padding: 10px 18px;
background:#1a242f;
color: #fff;
font-size: 1.75em;
box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}



「color: #fff;」のカラーコードを変更します。


.main-body h2{
margin: 60px 0 30px;
padding: 10px 18px;
background:#1a242f;
color: #ff0000;
font-size: 1.75em;
box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}


文字色の変更前

midasi2kasutamaizumojiiro


文字色の変更後

midasi2kasutamaizumojiiro


見出し背景色を変更する


見出しの背景色変更は、『background』の部分の
カラーコードを変更します。

.main-body h2{
margin: 60px 0 30px;
padding: 10px 18px;
background:#1a242f;
color: #ff0000;
font-size: 1.75em;
box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}



カラーコードを『#b0c4de』に変更します。

.main-body h2{
margin: 60px 0 30px;
padding: 10px 18px;
background: #b0c4de;
color: #ff0000;
font-size: 1.75em;
box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}




変更前

midasi2kasutamaizumojiiro


変更後


midasihaikeishoku


見出し文字の大きさを変更する



見出しの文字の大きさを変更は、『font-size 』を調整します。



.main-body h2{
margin: 60px 0 30px;
padding: 10px 18px;
background: #b0c4de;
color: #ff0000;
font-size: 1.75em;
box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}


約2倍の大きさに変更

.main-body h2{
margin: 60px 0 30px;
padding: 10px 18px;
background: #b0c4de;
color: #ff0000;
font-size: 4.35em;
box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}



変更前

midasihaikeishoku


変更後

midasi2ookisa


見出し3も見出し2と同様に変更できます。

見出し3は、見出し2の真下にあります『.main-body h3{』
『h3』が見出し3と言う意味です。

.main-body h3{
position:relative;
margin: 60px 0 30px;
padding: 0 0 10px;
border-bottom: 4px solid #afafaf;
box-sizing: content-box;
font-weight: bold;
font-size: 1.5em;
}




見出し4は文字色のコードが入っておりません。

カラーコードを付け加える必要があります。

※見出し4デフォルトの状態


.main-body h4{
margin: 55px 0 25px;
padding: 0 0 0 9px;
border-left: 6px solid #1a242f;
background: #f6f6f6;
font-weight: bold;
font-size: 1.25em;
}



『color:』を付け加えます。

.main-body h4{
margin: 55px 0 25px;
padding: 0 0 0 9px;
border-left: 6px solid #1a242f;
background: #f6f6f6;
font-weight: bold;
font-size: 1.25em;
color:
}




参照:賢威7カスタマイズまとめ一覧