H3タグやH4タグ挿入したときの見た目について

デフォルトが下のようになっています

.article h3{
  font-size:23px;
  border-bottom:5px solid #e7e7e7;
  padding:10px 0;
}

.article  h4{
  border-bottom:5px dashed #eee;
}

これのborder-bottomの#以降を変更すればできます

子テーマのstyle.cssに追加

※親テーマでも大丈夫です
例:黒にする

.article h3{
  font-size:23px;
  border-bottom:5px solid #000000;
  padding:10px 0;
}

.article  h4{
  border-bottom:5px dashed #000000;
}

反映されない場合はキャッシュを削除してください

みきさん

分かりやすい解説ありがとうございます。

例えば黒の場合は#000000とありました。

他の色にしたければ、例えば「原色大辞典」と検索しましたら、上記のような番号が載っていますが、その中で自分の選択したい色を入れればいいのでしょうか？

またH3・H4タグを例としておしらせしました。

H2タグは上記2つのような下線はなく、左側に短い縦のラインになると思いますが、H2でも同じようにこの縦ラインをカラー変更できるのでしょうか？

よろしくお願いいたします。

下のページのことですか?
http://www.colordic.org

上記のページであれば問題ないです
好きな色を選んで#……を書いていただければ

ちなみに僕は「16進数 色」と調べて一番上に出てくるやつを使っています(名前を忘れました…)
電卓とかのやつです

ご参考までに

h2を書き忘れていました

.article h2 {
  border-left:1px solid #000;
  margin: 40px -29px 20px;
  padding:25px 30px;
  font-size:26px;
}

デフォルトは上記です
こちらはborder-left:1px solid #000;の#以降を同じように変更してください

簡単に説明すると
border-bottomはbottomなので底(下)です
border-leftはleftなので左です
ただこれだけです

solidは一本線とかです

参考:
http://www.htmq.com/style/border.shtml

みきさん。

ありがとうございます。

外観→テーマの編集→子テーマのスタイルシートstyle.cssをクリックしてみました。

キャプチャでご掲載くださった部分がありません。

/* Simplicity子テーマ用のスタイルを書く */

と最後の文末にあり、そこにみきさんがキャプチャ画像でご掲載くださったものをコピペするのでしょうか？

よろしくお願いいたします。

/* Simplicity子テーマ用のスタイルを書く */

と最後の文末にあり、そこにみきさんがキャプチャ画像でご掲載くださったものをコピペするのでしょうか？

はい。
/* Simplicity子テーマ用のスタイルを書く */の下に記述してください

記述後反映されない場合はキャッシュを削除してください

わいひらさん。みきさん。

ありがとうございます。

ちなみにラインの太さを変更したい場合は、H3/H4の場合は、border-bottom、そしてH2の場合は、border-leftの数字を変更すればいいのでしょうか？

※今は変更する予定無いのですが、今後のためにお聞きしたいと思います。

太さはborder-○○のpxを変えればできます

ありがとうございます！

変更できました！

変更できてよかったです!!