商品ホバー時の色の変更について

質問一覧商品ホバー時の色の変更について
yumixyumix asked 5年 前

アイテム一覧ページで、商品にホバーした際の色(デフォルトだと、画像の枠線と商品名、価格がピンク色)を変更したいのですが、どのようにCSSを記載すればよいでしょうか?  

baseadminBaseDesignInfo Staff replied 5年 前

ご質問ありがとうございます。こちら、どのテンプレートに関するご質問でしたでしょうか?

yumixyumix replied 5年 前

質問の仕方が悪く、失礼致しました。
テンプレートはキャンドルを使用しています。
どうぞよろしくお願いします。

baseadminBaseDesignInfo Staff replied 5年 前

ありがとうございます。
キャンドルはBASE公式テンプレートのためこちらでのサポートは行っておりませんが、
1. HTMLを確認してピンク色を指定されている部分のid名やクラス名を調べ、
2. それに対してお好みの色指定のCSSを、テンプレート内のhtmlヘッダー部分に記載する
という形で変更可能だと思います。

どうぞよろしくお願いいたします。

yumixyumix replied 5年 前

お返事を頂きありがとうございます。
ピンク色を指定しているid /クラス名が分からなかったので質問させて頂いたのですが、そもそもサポート対象外のテンプレートだったのですね。
そうとは知らず大変失礼しました。

2 Answers
baseadminBaseDesignInfo Staff answered 5年 前

ちょっとだけ、キャンドルを見てみました。

body#shopTopPage .item:hover a {
color: #ed4242;
}

という指定がされていますので、そのまま色コードを変えて、HTMLヘッダー内にCSSを追加すれば良いかと思います。
上記は文字の色だけで、その他の部分はそれぞれバラバラで指定されているようですが、頑張ってみてください!

yumixyumix answered 5年 前

お礼を申し上げあるのが遅くなりすみません!
対象外にも関わらず、お調べ頂きありがとうございました!とてもありがたいです。
色変更頑張ってみます!