I want to make the title hover color black in my product card

[Fayed_Bd]

I want to make the title hover color black in my product card. But this theme’s color customization option is limited! Due to which I can do this, if I try to do this, then the effect is happening in other colors globally.

So I just do it with specific CSS. Can anyone help me with this?

Store link: https://painted-parks.myshopify.com
Password: 223344

[Dan-From-Ryviu]

@Fayed_Bd

223344

You can do that by adding this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings

.card__information .card__heading a:hover { color # 000 !important; }

[Huptech-Web]

@Fayed_Bd

223344

Good day @Fayed_Bd , To change the title color to black on hover, please follow the steps below:

1. Go to Online Store in your Shopify admin.
2. Click Edit Code, then open base.css (or your custom CSS file).
3. Paste the CSS code provided below into the file.

body .card__information .card__heading a:hover {
    color: black;
}

I’ve also attached screenshots for your reference, so you can easily follow along.

If you have any questions or need further assistance, please don’t hesitate to ask.

If this solution helps you, please don’t forget to like and accept it.

Best Regards,

(S.P)

[Mahfz_ShopiDevs]

.card__information .card__heading a:hover {
color:#000000;
}

use this css on your custom css section of the customizer, and you are good to go

[ZestardTech]

Hello @Fayed_Bd ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.

2. Locate Asset > base.css and paste the following code at the bottom of the file:

.card__information .card__heading a:hover {
    color: #000 !important;
}

Let me know if you need further assistance!

[Fayed_Bd]

Thanks, it’s worked!