# 商品コレクションページ・商品グリッドの文字色を変更したい

**URL:** <https://community.shopify.com/t/topic/255258>\
**Category:** 技術的なQ＆A\
**Tags:** css, html\
**Created:** [September 30, 2023, 5:57pm UTC](https://community.shopify.com/t/topic/255258 "2023-09-30T17:57:28Z")\
**Posts on this page:** 1\
**Page:** 1

## AI-generated summary

ユーザーがShopifyの「Studio」テーマで商品コレクションページと商品グリッドの文字色変更に困っています。

**問題の経緯：**
- 元々テーマ設定の配色機能で色を管理していた
- 世界配送や通貨切替の設定後、背景色と文字色が意図せず変更された

**色の変化：**
- 元の設定：背景 #FFF（白）、文字色 #D57674（ピンク系）、ボタン色 #6696C4（青系）
- 変更後：背景 #D57674（ピンク系）、文字色・ボタン色 #FFF（白）に反転

**現状：**
- コーディング経験がほぼない
- 外部のCSS解説記事を参考に背景色は白に戻せたが、文字色が戻らない
- 解決方法を求めている

投稿の後半部分にテキストの乱れがあり、完全な情報が不明瞭です。

<div class="post-metadata">

**Author:** ![Shimizu\_N](https://avatars.discourse-cdn.com/v4/letter/s/e9a140/32.png) [@Shimizu\_N](https://community.shopify.com/u/Shimizu_N)\
**Post date:** [September 30, 2023, 5:57pm UTC](https://community.shopify.com/t/topic/255258/1 "2023-09-30T17:57:28Z")

</div>

使用テーマ：studio

商品コレクションページと商品グリッドの文字色を変更したいです。

元々はテーマ設定の配色から色を設定していたのですが、世界配送や通貨切替の設定をしたところ勝手に背景色と文字色が変わってしまいました。

【元の色】

背景#FFF、文字色#D57674、アウトラインボタン色・ソリッドボタン背景色#6696C4

【変わってしまった後】

背景#D57674、文字色・アウトラインボタン色#fff、ソリッドボタン背景色#FFF

背景色だけは[【入門編】Shopifyテーマ「Dawn」で独自のCSSを作ってデザインしよう - ソケットブログ-shopifyストア構築 (socketweb.net)](https://blog.socketweb.net/how-to-css-shopify/#co-index-0)こちらを参照に白に戻せたのですが文字色が戻せません。

当方コーディングはほぼ未経験のため困っております。

どうかご教示くださいませ。