-
投稿者投稿
-
2020年6月5日 2:13 PM #52191
トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。
【お使いの Snow Monkey のバージョン】10.8.0
【お使いのブラウザ】Chrome
【当該サイトのURL】(公開できる場合は書いていただいたほうがスムーズです)===
お世話になっております。
いま、セクション内見出しH3 をカスタマイズするために、カスタマイザーの「追加CSS」のところに
.smb-section__body h3 { border-bottom: solid 2px; color:#333; }
といった記述をしています。
このときに「最近の投稿 – リッチメディア」を使うと、最近の投稿ブロックの記事タイトルにもこの変更が反映されてしまいます。
セクション内見出しH3 のみを「追加CSS」に CSS を追加する形でカスタマイズしたいのですが、どのように CSS を記述すればよろしいでしょうか?
よろしくお願いいたします。
♥ 0いいねをした人: 居ません2020年6月5日 4:20 PM #52208URL を教えてもらうことはできますか?
♥ 0いいねをした人: 居ません2020年6月5日 4:29 PM #52211の真ん中あたりに「BLOG」というコーナーがありますが、ここに「最近の投稿」ブロックを使っています。
記事タイトルの下にあるオレンジと黒の下線を消したいです。
セクション内のH3は
です。
こちらは、オレンジと黒の下線を残しておきたいです。
よろしくお願いします。
♥ 0いいねをした人: 居ません2020年6月5日 5:05 PM #52213なるほどです。
セレクタの指定を
.smb-section__body h3
から.smb-section__body > h3
に変更してみてください。セクションの直下の h3 にだけ CSS が適用されるようになります。グループブロックやカラムブロックの中にも h3 を入れたいという場合はセレクタを足す必要がでてくるので少々面倒に思われるかもしれませんが、意図しない CSS の適用によるデザイン崩れを起こさないためには、そんな感じでなるべくセレクタを絞るのが個人的にはおすすめです。
♥ 0いいねをした人: 居ません2020年6月5日 5:18 PM #52214できました! ありがとうございます。
♥ 1いいねをした人: 居ません -
投稿者投稿
- トピック「セクション内見出しのカスタマイズについて」には新しい返信をつけることはできません。