【賢威7先行公開版】コンテンツ内H4タグ部分カスタマイズ方法



どうもスイクンです。サイトをご覧頂きありがとうございます。

今回は新しく公開された賢威7先行公開版の「H4タグ部分カスタマイズ方法」をご紹介します。

2015y10m23d_133254802

>>賢威7のカスタマイズ完全版はこちら

H4タグ部分カスタマイズ方法

賢威7の先行公開版では、

外観>テーマ編集>base.cssの以下の部分コードが関係しています。

.main-body h4{
margin: 55px 0 25px;
padding: 0 0 4px;
border-bottom: 1px dashed #909090;
font-weight: bold;
font-size: 1.25em;
}

文字色変更方法

2015y10m23d_133519193

太文字部分を追加します。

.main-body h4{
margin: 55px 0 25px;
padding: 0 0 4px;
border-bottom: 1px dashed #909090;
font-weight: bold;
font-size: 1.25em;
color: #00f;
}

背景色変更方法

2015y10m23d_133616454

太文字部分を変更します。

.main-body h4{
margin: 55px 0 25px;
padding: 0 0 4px;
border-bottom: 1px dashed #909090;
font-weight: bold;
font-size: 1.25em;
background: #00f;
}

H4タグ内余白幅変更方法

2015y10m23d_133805911

太文字部分を変更します。

.main-body h4{
margin: 55px 0 25px;
padding: 0 0 4px;
border-bottom: 1px dashed #909090;
font-weight: bold;
font-size: 1.25em;
background: #00f;
}

  • padding: 0 0 4px; 左の数値から順に上、左右、下の余白幅を意味しています。
  • padding: 15px 15px 15px 0; とした場合は、左から順に上、右、下、左の余白幅を意味しています。

H4タグ外余白幅変更方法

2015y10m23d_133958018

太文字部分を変更します。

.main-body h4{
margin: 55px 0 25px;
padding: 0 0 4px;
border-bottom: 1px dashed #909090;
font-weight: bold;
font-size: 1.25em;
background: #00f;
}

  • margin: 55px 0 25px; 左の数値から順に上、左右、下の余白幅を意味しています。
  • margin: 15px 15px 15px 0; とした場合は、左から順に上、右、下、左の余白幅を意味しています。

>>賢威7のカスタマイズ完全版はこちら

特化型トレンドアフィリエイト レンタルサーバーの使い方
賢威6.2カスタマイズ WPの使い方
Twitter凍結基準まとめ 外注サービス比較


お名前
メール

コメントを残す

サブコンテンツ

このページの先頭へ