サイドバー見出しの文字サイズ変更方法


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


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


.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
margin: 0 -10px 30px;
padding: 0 0 11px;
border-bottom: 4px solid #cccccc;
font-weight: normal;
font-size: 1.125em;
}



黄色マーカーの「font-size: 1.125em;」の数値を変更すると
サイドバーの文字サイズが変わります。

数値を以下の様に変えてみます。

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
margin: 0 -10px 30px;
padding: 0 0 11px;
border-bottom: 4px solid #cccccc;
font-weight: normal;
font-size: 2.125em;
}



サイドバー見出し文字サイズ変更前


henkoumae

サイドバー見出し文字サイズ変更後


saidoba-henmkoua


サイドバー見出しの文字色の変更方法


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

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



.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
margin: 0 -10px 30px;
padding: 0 0 11px;
border-bottom: 4px solid #cccccc;
font-weight: normal;
font-size: 1.125em;
}



「color: #0000ff;」カラーコードをつけ加えます。



.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title{
margin: 0 -10px 30px;
padding: 0 0 11px;
border-bottom: 4px solid #cccccc;
font-weight: normal;
font-size: 1.125em;
color: #0000ff;
}



サイドバー見出しの文字色の変更前

henkoumae

サイドバー見出しの文字色の変更後


midasiao


サイドバーウィジェットの背景色を変更する方法


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


「base.css」内の一番下に以下のコードを挿入します。


.sub-conts .section-wrap .section-in {
background: #7cfc00;
}



背景色は自由に決められます。
『background: #7cfc00;』のコードを変更します。

※サイドバーの背景色を変更すると、サイドバーにある全ての
項目の背景色が変更されます。


.sub-conts .section-wrap .section-in {
background: #7cfc00;
}




サイドバー背景色の変更前

saidoba-haikeishoku


サイドバー背景色の変更後

saidobahaikei



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