How To Change Link Hover Color Of Products kalles Theme

Shopify Discussion
,

Topic summary

A user wants to change the product link hover color to #878787 on their Kalles theme Shopify store.

Solution provided:

  • Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
  • Open Asset → base.css file
  • Add custom CSS code at the bottom targeting .t4s-product .t4s-product-title a:hover with color: #878787 !important;

Outcome:
The solution was successfully implemented and resolved the issue. The discussion is closed with the user confirming it worked.

Summarized with AI on November 19. AI used: claude-sonnet-4-5-20250929.
1

I would like to change the color of the links to the products when you hover over and click on them to #878787
website：https://greatspeedsports.myshopify.com/ password:2023

image (2).png
image (2).png1120×144 12.9 KB

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.t4s-product .t4s-product-title a:hover{
color: #878787!important;
}

ZestardTech_0-1686116032778.png
ZestardTech_0-1686116032778.png1738×356 76.8 KB

1 Like
3

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.