# 背景の色を変更したい

**URL:** <https://community.shopify.com/t/topic/322296>\
**Category:** Shopify テーマ\
**Tags:** html\
**Created:** [May 13, 2024, 2:56pm UTC](https://community.shopify.com/t/topic/322296 "2024-05-13T14:56:18Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

主題: Shopifyの配送ページで、灰色の背景・配送料金テキスト・通常配送の表の色を任意のカラーに変更したい。添付画像あり。

提案された解決策: CSSで対象要素のクラスに対して背景色（background-color）と文字色（color）を指定する。まず正しいクラス名（セレクタ）の特定が必要。

試行状況: 質問者は<section>要素にある class="shopify-section section" を対象にしたが、色が変わらなかった。

追加助言: セレクタは「.shopify-section.section」を用いて背景色を指定するのが該当の可能性。これでも変化がなければ、指定クラスの誤りや他CSSの優先度が原因の可能性がある。

未解決点: 現時点で色変更は反映されていない。具体的な要素特定が未確定。

次のアクション: プレビューリンクの共有や、ブラウザの開発者ツールで実際のクラス名とスタイルの競合（優先度/上書き）を確認し、正しいセレクタで再指定する。必要に応じてより強いセレクタや!importantの検討。

<div class="post-metadata">

**Author:** ![yuri08](https://avatars.discourse-cdn.com/v4/letter/y/96bed5/32.png) [@yuri08](https://community.shopify.com/u/yuri08)\
**Post date:** [May 13, 2024, 2:56pm UTC](https://community.shopify.com/t/topic/322296/1 "2024-05-13T14:56:18Z")

</div>

配送料金をページで作成したのですが、

グレーの背景の色と配送料金の文字と通常配送の表の色を

自分で決めたカラーに変更したいです。

有識者の方がいらっしゃいましたらご教授お願いいたします。

 ![19cb8567-ed52-4574-a042-59c511826cae.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/f/5/f5ac320dd1d5050de7b4fb8f60f73be2d5f4a8f7.png)

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [May 14, 2024, 11:12pm UTC](https://community.shopify.com/t/topic/322296/2 "2024-05-14T23:12:17Z")

</div>

質問拝見しました。

こちらは以下cssを適用すれば変更可能です。

```markup
変更する背景のクラス名{
background-color: white;
}

変更するテキストのクラス名{

color:black;

}

```

クラス名を調べて色は変更したい色をそれぞれ代入していただければと思います！

ご参考までにしてください！

なにかご質問があれば、お気軽にご相談ください。  
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。  
何卒よろしくお願いします。

株式会社フルバランス

---

<div class="post-metadata">

**Author:** ![yuri08](https://avatars.discourse-cdn.com/v4/letter/y/96bed5/32.png) [@yuri08](https://community.shopify.com/u/yuri08)\
**Post date:** [May 15, 2024, 9:54am UTC](https://community.shopify.com/t/topic/322296/3 "2024-05-15T09:54:05Z")

</div>

返信ありがとうございます。

変更する背景のクラス名を明記して試したのですが、

背景の色と文字も何も変わらなかったです。

この部分だと思っていたのですが shopify-section section 間違えていますか？

---

<div class="post-metadata">

**Author:** ![Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/anonymous_44fbe07fc59d9ccaacd70575fd5a5155/32/194200_2.png) [@Anonymous\_44fbe07fc59d9ccaacd70575fd5a5155](https://community.shopify.com/u/Anonymous_44fbe07fc59d9ccaacd70575fd5a5155)\
**Post date:** [May 20, 2024, 12:54am UTC](https://community.shopify.com/t/topic/322296/4 "2024-05-20T00:54:26Z")

</div>

その場合は以下クラス名になります。

```css
.shopify-section.section{
background-color:color;
}

```

こちらで変わらない場合は指定するクラスが間違っている可能性がございますのでまたご相談いただければと思います。

またはプレビューリンクなどいただければ具体的に提示できるかなと思いますのでよろしくお願いします。