Dawn Theme: Changing Color on Hover Effect for Featured Collection

Technical Q&A
,
1

I am using the Dawn theme and I want my product card to be one color on the featured collection and when I hover over it, it changes to another color. How do I implement this in the simplest way possible. Thank you.

2

Hello, Jeleasag, good evening.

You didn’t give much information, but if your Dawn theme isn’t much customized, try going into:

Online Store > Themes > Click on the button ‘Actions’ > Edit code

Search for the file ‘component-card.css’ and insert this code:

.product-card-wrapper .card:hover {
  background-color: red;
}

Where it says red, replace with the color you want. CSS recognizes a lot of color names, but if it doesn’t recognize the one you want, try using the equivalent hex color. For instance, if you google ‘red hex color’, you’ll get #FF0000.

Let me know if it works