解決済み

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

yumix

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

  1. baseadmin

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

  2. yumix

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

  3. baseadmin

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

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

  4. yumix

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

回答が 2件あります

baseadmin

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

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

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

yumix

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

サポートについて

このサイトでサポートしているテーマは、常にご質問を受け付けており、
どんなご質問やカスタマイズのご相談も、デザイナー自身が積極的にお返事しています。
BASEでショップを運営するための相談所としてご利用ください!

テーマは安心の無料アップデート

BASEに新機能が追加された際や、テーマにさらなる機能追加を行った際など、
ご購入いただいた方にはテーマの無料アップデートを提供しています。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。

※ HTML編集Appを利用して作成したテーマは、その編集内容を保護する為に自動更新はされません。
その場合でも「購入済みテーマ」からいつでもそのテーマの最新バージョンを取得可能です。

サポート対応中の人気テーマ