初投稿の為、不備がありましたらご容赦ください。
テーマはDawnを使用しております。
【カートに追加する】ボタンの色を変更したいです。
(例) 楽天の場合 赤
ZOZOの場合 青
Amazonの場合 黄
アプリを使用せずに検討しております。
お手数なのですが、ご教示いただけますと幸いです。
何卒よろしくお願いいたします。
Topic summary
Dawnテーマで【カートに追加する】ボタンの色を変更する方法についての質問と解決。
質問内容:
- ECサイトごとに異なる色（楽天は赤、Amazonは黄、ZOZOは青など）にボタンを変更したい
- アプリを使わずに実装したい
解決方法:
- テーマの「コードを編集」を開く
- 「アセット」フォルダ内の「base.css」を選択
- ファイルの最下部に以下のCSSコードを追加:
.product-form__submit {
background-color: red;
}
redの部分を任意の色に変更可能
結果:
質問者は無事にボタンの色変更に成功し、解決済み。テキストカラーの変更方法についても追加で質問したが、基本的な問題は解決した。
Ncm_fujii 様
お世話になっております。
フルバランスの道家と申します。
ご質問確認しました。
- テーマの[コードを編集]をクリック
2.[アセット]フォルダの[base.css]を開く
3.[base.css]の一番下に以下のコードを入れて見てください。
※ redの部分を変えれば、他の色に変わります。
.product-form__submit {
background-color: red;
}
なにかヒントになれば幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
フルバランス 道家
1 Like
フルバランス 道家様
ご返信いただきありがとうございます。
ボタンのカラー変更できました。
分かりやすく大変助かりました。
続けてで申し訳ございませんが、ボタンのテキストのカラーの変更もご教示いただけますと幸いです。