- このトピックには4件の返信、2人の参加者があり、最後に
により4年、 10ヶ月前に更新されました。
-
投稿
-
トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。
【お使いの Snow Monkey のバージョン】5.3.2
【お使いのブラウザ】Safari
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）===
何度も質問申し訳ありません。
H3のデザインを変更したいのですが、HTMLが殆ど分からないので解説サイトを見てもよく分からなくて、、、
今のH3のデザインが太字にアンダーラインなのをアンダーラインは残しつつ、以下のサイトのようにタイトルの前に縦長の四角を黒で入れたいのですが、どうやったら変更できますか？
結構ブログ内にH3を使うのでもう少し目立たせたくて！お手隙で教えてくださいませ。宜しくお願いいたします。
いいねをした人: 居ませんこれでどうでしょう？
.p-entry-content > h3 { border-left: solid 4px #333; padding-left: 10px; }カスタマイザーの「追加 CSS」か、子テーマの CSS ファイルに追加してみてください。
いいねをした人: 居ませんありがとうございます！
今カスタマイザーにいれてみたのですが、
H3の部分でちゃんと変わるところと
変わらないところがでてきてしまいます。
↑記事真ん中あたりです。
前に入れた記述の下に改行で1行空けてコピペしました。
（本当にHTML全然分からなくて申し訳ないです。。。）
これは治すことはできますか？
（もし調整可能であればH3で追加していただいた縦棒の高さに対して文字が天地センターにできると嬉しいです。今は文字が縦棒に対して少し上に見えるのでもう気持ち下げたいです。）また、H2のグレー帯を黒ベタにして文字を白抜きにしたいのですが、
それも教えていただくことは可能でしょうか？
お手すきで大丈夫ですので、何卒よろしくお願いいたします。
いいねをした人: 居ませんあ、グループブロックの中だと効かなかったみたいです、すみません。他にもブロックの組み合わせで反映されないときがあるかもしれないので、そのときは言ってください。
先に共有した CSS を、下記に差し替えてください。
.p-entry-content > h3, .wp-block-group__inner-container > h3 { border-left: solid 4px #333; padding-left: 10px; padding-bottom: 1px; } .p-entry-content > h2, .wp-block-group__inner-container > h2 { background-color: #000; color: #fff; }いいねをした人: 居ません
- トピック「H3のデザインを変える方法を教えてください」には新しい返信をつけることはできません。