help thinning underline when hovering product card

[viggostarcke]

hey I need help thinning the underlining on hovering the product cards on my home page

as seen in the pic above, I would like the the underline on "ALL HEAVENS" to be thinner.

https://kyototango.com/

thanks in advance

[PageFly-Oliver]

Hi @viggostarcke ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
.card__heading[id*="title-template--"]{
text-decoration:none !important
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[viggostarcke]

sorry but does not. other than trying to remove the text-dec it doesnt also succeed in targeting the right element. ://

[viggostarcke · Accepted solution]

did however find out myself

under the file 'component-card.css' i find the targeting
'.underline-links-hover:hover a'
and then add 'text-decoration-thickness: 0.01em;'