[JKDECOR]

【お使いの Snow Monkey のバージョン】20.5.1
【お使いの Snow Monkey Blocks のバージョン】19.10.1
【お使いの Snow Monkey Editor のバージョン】9.2.5
【お使いのブラウザ】safari
【当該サイトのURL】https://livingskape.jkdecor.com/nelpanda-bamboo-neck-pillow/

いつも大変お世話になっております。
H2とH3のデザインは以前変更していただいたのですが
最近H4もよく使うようになったので
区切りがわかるようにデザインを変更したいです。

イメージを画像で添付しますので
ご教示いただけますと嬉しいです。
宜しくお願い致します！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ひとまず下記をコピペしてください。

.p-entry-content > h4,
.is-layout-constrained > h4 {
  border-bottom: 1px solid #ccc; /* 下線 */
  padding-bottom: 4px; /* 文字の底面と下線の間の余白 */
  font-size: 23px; /* 文字の大きさ */
}

.p-entry-content > h4 が記事直下の h4 を対象とするセレクタ、.is-layout-constrained > h4 がグループブロックなどの子ブロックを内包するブロックの直下の h4 を対象とするセレクタです。

それぞれの CSS プロパティにコメントを入れているので、お好みで色や大きさ等変えてみてください。どれも基本的なプロパティなので今後 h5 や h6 をカスタマイズしたいとなったときにも覚えておくと便利だと思うので、一度詳しく調べてみると良いかと思います！

♥ 0

いいねをした人: 居ません

[JKDECOR]

キタジマさま

早速ありがとうございます！
こちら活用させていただきます！

♥ 1

いいねをした人:

[投稿者]

投稿