目次をカスタマイズしたい。H2を太字にしてH3以下を左揃えしたい - CSSカスタマイズ相談

RE: 目次をカスタマイズしたい。H2を太字にしてH3以下を左揃えしたい

bucho — Sun, 28 Apr 2019 01:31:56 +0000

わいひら様

お忙しい中、ご回答頂きありがとうございます。

希望通りになりました！

ありがとうございます。

RE: 目次をカスタマイズしたい。H2を太字にしてH3以下を左揃えしたい

わいひら — Fri, 26 Apr 2019 11:14:10 +0000

こんな感じで記入するとできるかと思います。

.toc-list > li{
  font-weight: bold;
}

.toc-list > li li{
  font-weight: normal;
}

.toc-list > li > ul ul,
.toc-list > li > ol ol{
  padding-left: 0;
}

.toc-list > li > ul li,
.toc-list > li > ol li{
  margin-left: 0;
}

※ポイントもしくは番号部分は、既にカスタマイズされているようなので、何もしていません。

目次をカスタマイズしたい。H2を太字にしてH3以下を左揃えしたい

bucho — Fri, 26 Apr 2019 08:37:02 +0000

いつもありがとうございます。

コクーンを溺愛している部長と申します。

サイトはこちらです。https://bucho-diver.com/

目次のカスタマイズ相談をお願いしたいです。

目次のH2タグにあたる文を太字にして、H2タグ以下を文字1文字くらいの余白を空けて左揃えにしたいです。

現在の目次はこんな感じだと思います。
H2タグの文
　H3タグの文
　　H4タグの文
　　　H5タグの文
H2タグの文
　H3タグの文
　　H4タグの文
　　　H5タグの文

↓こんな感じの目次にしたいです。

H2タグの文
　H3タグの文
　H4タグの文
　H5タグの文
H2タグの文
　H3タグの文
　H4タグの文
　H5タグの文

CSSだけでカスタマイズできれば幸いですが可能でしょうか。

お忙しい中、申し訳ありませんが、よろしくお願い致します。

2019-04-26_17h35_39.png