特定のセクションタイトルの背景色のみ追加CSSで変更したい。

♥ 0

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

このトピックには2件の返信、2人の参加者があり、最後にinoki kazにより3年、 3ヶ月前に更新されました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)

投稿者

投稿
2021年8月6日 4:05 PM #83408
inoki kaz
閲覧者

♥ 3
【お使いの Snow Monkey のバージョン】バージョン15.1.0
【お使いの Snow Monkey Blocks のバージョン】バージョン12.0.1
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】グーグルクローム
【当該サイトのURL】

サンプルサイト

inoki-webcreate-studio.club

### 実現したいこと

サイト内のRepair実績、Coating実績の背景色のみを変更したい。

### 発生している問題

追加CSSで、
```
.smb-section__title, .snow-monkey-recent-posts__title, .wpac-section__title, .wpaw-pr-box__title {
  padding-bottom: 0;
  padding-bottom: 2rem;
  background-color: beige;
}
```
を追加すると、全てのタイトルに背景色がついてしまう。

### 試したこと

セクションの高度な設定で追加CSSクラスのところに　repair　を追加し、追加CSSに
```
.repair.smb-section__title, .snow-monkey-recent-posts__title, .wpac-section__title, .wpaw-pr-box__title {
  padding-bottom: 0;
  padding-bottom: 2rem;
  background-color: beige;
}
```
を追加したが反映されない。

CSSの問題だと思いますが、どなたかアドバイス頂けますでしょうか？

♥ 0

いいねをした人: 居ません
2021年8月6日 4:12 PM #83410
アクツ
参加者

♥ 167
猪木和彦さんこんにちは。

たぶんですが、ご自身でいれていただいたCSSにスペースが足りずに動いてないのではないでしょうか

（.repairと.smb-section__titleの間）
```
.repair .smb-section__title {
  padding-bottom: 0;
  padding-bottom: 2rem;
  background-color: beige;
}
```
これでrepairのclassがついたセクションのタイトルの背景色はベージュになるかなと思います。

♥ 1

いいねをした人:
2021年8月6日 4:18 PM #83411

inoki kaz
閲覧者

♥ 3

アクツさん即レスありがとうございます。

即解決しました。スペースが足りなかったようです。

スペースを入れたら意図したように動きました。

ありがとうございます！

トピックを示させて頂きます！

♥ 1

いいねをした人:
投稿者

投稿