【賢威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のカスタマイズ完全版はこちら

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です