# ボタンの色について

**URL:** <https://community.shopify.com/t/topic/331311>\
**Category:** 技術的なQ＆A\
**Tags:** html\
**Created:** [June 13, 2024, 8:19am UTC](https://community.shopify.com/t/topic/331311 "2024-06-13T08:19:49Z")\
**Posts on this page:** 4\
**Page:** 1

## AI-generated summary

ユーザーがPrestigeテーマでブログの購入ボタンの色を変更する方法について質問しています。

**提案された解決策:**
- CSSで `.Button--primary::before` に `background: 任意の色;` を追加することで色変更が可能
- ユーザーは現在HTMLで直接ボタンを作成しているため、具体的な追加場所について再質問

**追加のアドバイス:**
- `padding` の調整も推奨されており、細いボタンにならないよう設定が必要
- コードスニペットが提供されているが、一部のテキストが文字化けしており、完全な実装方法は不明瞭

**現状:**
HTML内での具体的なCSS追加位置についての詳細な回答待ち。技術サポートからは引き続き気軽に相談するよう促されています。

<div class="post-metadata">

**Author:** ![goto2](https://avatars.discourse-cdn.com/v4/letter/g/b5e925/32.png) [@goto2](https://community.shopify.com/u/goto2)\
**Post date:** [June 13, 2024, 8:19am UTC](https://community.shopify.com/t/topic/331311/1 "2024-06-13T08:19:49Z")

</div>

_テーマPrestige_

_ブログの中で購入ボタンを作成しまして、色を変える方法をご教示いただけないでしょうか。_

---

<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:** [June 17, 2024, 1:30am UTC](https://community.shopify.com/t/topic/331311/2 "2024-06-17T01:30:00Z")

</div>

質問拝見しました。

こちら以下cssで調整可能でございます。

```markup
.Button--primary::before{
background:任意の色;
}

```

こちらをブログ記事のcssに追加すれば、変更可能でございます。

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

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

株式会社フルバランス

---

<div class="post-metadata">

**Author:** ![goto2](https://avatars.discourse-cdn.com/v4/letter/g/b5e925/32.png) [@goto2](https://community.shopify.com/u/goto2)\
**Post date:** [June 17, 2024, 7:55am UTC](https://community.shopify.com/t/topic/331311/3 "2024-06-17T07:55:29Z")

</div>

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

現状以下のようにHTMLを書いてボタンをつけているのですが、色を変える場合はどこに追加すれば可能でしょうか。

 商品一覧はこちら 

ご確認宜しくお願い致します。

---

<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:** [June 18, 2024, 12:16am UTC](https://community.shopify.com/t/topic/331311/4 "2024-06-18T00:16:36Z")

</div>

以下の調整で色を変更できるかと思います。

このままだと文字の枠のみで細いボタンになってしまうかと思うのでpaddingを任意のpxつけるのをお勧めします。

```markup
 商品一覧はこちら 

```

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