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

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

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

baseadminBaseDesignInfo Staff replied 4年 ago

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

yumixyumix replied 4年 ago

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

baseadminBaseDesignInfo Staff replied 4年 ago

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

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

yumixyumix replied 4年 ago

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

2 Answers
baseadminBaseDesignInfo Staff answered 4年 ago

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

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

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

yumixyumix answered 4年 ago

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