# Refreshのテーマで、“カート追加”のボタンを変更したい。

**URL:** <https://community.shopify.com/t/refresh/188834>\
**Category:** Shopify テーマ\
**Created:** [February 3, 2023, 6:24am UTC](https://community.shopify.com/t/refresh/188834 "2023-02-03T06:24:54Z")\
**Posts on this page:** 3\
**Page:** 1

## AI-generated summary

Refreshテーマのコレクションページで「カートに追加」ボタンがスマホ表示時に2段になってしまう問題について質問が投稿されました。

**提案された解決策:**
1. テキストの文字を小さくする
2. 「カート」と「追加」の間に改行を挿入
3. ボタンの幅を大きくする
4. テキストの文言を変更する

**回答内容:**
- 方法1と4が簡単に対応可能
- **文字サイズ変更**: CSSファイルに `.quick-add__submit span { font-size: 13px; }` を追記
- **文言変更**: テーマの言語編集ページから変更可能(スクリーンショット添付あり)

質問者は回答に感謝し、調整がうまくできたと報告。問題は解決済みと思われます。

<div class="post-metadata">

**Author:** ![Eisaku](https://avatars.discourse-cdn.com/v4/letter/e/43a26b/32.png) [@Eisaku](https://community.shopify.com/u/Eisaku)\
**Post date:** [February 3, 2023, 6:24am UTC](https://community.shopify.com/t/refresh/188834/1 "2023-02-03T06:24:54Z")

</div>

Refreshのテーマに、コレクションで“カートに追加”ボタンを実装する事ができます。

スマホ版にしますと、画像に様に2段になってしまいます。これを防ぐために以下のいずれかの方法、もしくは組み合わせで対処したいと考えているのですが、どなたかお分かりの方いらっしゃるでしょうか？

１．テキストの文字を小さくする

２．“カートに” と “追加” の間にブレイクを挿入

３．ボタンの幅を大きくする

４．テキストの文言を変更する

よろしくお願いいたします。

 ![MicrosoftTeams-image (66).png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/7/c/7c33a15e5d7556b3fb1af8fa9c2ad8b544126c56.jpeg)

---

<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:** [February 3, 2023, 8:53am UTC](https://community.shopify.com/t/refresh/188834/2 "2023-02-03T08:53:42Z")

</div>

Eisaku様

ご質問を確認しました。

いただいた方法ですと、1か4が簡単に対応可能かと存じます。

１．テキストの文字を小さくする

下記cssをcssファイルに追記する

```css
.quick-add__submit span {
  font-size: 13px;
}

```

４．テキストの文言を変更する

テーマの言語編集ページより可能です。(添付参照)

 ![スクリーンショット 0005-02-03 17.49.02.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/5/d/5d5f6ebe73affec28f93d636ed88d4db1f689f43.jpeg)

 ![スクリーンショット 0005-02-03 17.44.24.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/7/b/7bbd55a443dbfa63789ffbcdbd84c63d3098c1c0.jpeg)

ご参考になりましたら幸いです。

私たちの励みにもなりますので、  
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

分からない点があれば、またいつでもご連絡ください。

フルバランス 園畑

---

<div class="post-metadata">

**Author:** ![Eisaku](https://avatars.discourse-cdn.com/v4/letter/e/43a26b/32.png) [@Eisaku](https://community.shopify.com/u/Eisaku)\
**Post date:** [February 3, 2023, 1:36pm UTC](https://community.shopify.com/t/refresh/188834/3 "2023-02-03T13:36:19Z")

</div>

教えて頂き有難うございます。  
上手く調整ができました。