Make product vendors underlined when hovered

Solved
Highlighted
Excursionist
28 0 1

I already managed to link the product vendors on the product page so that when it's pressed, it automatically links to the vendor collection. But I would like to add a hover effect (underlined) whenever the product vendors are hovered. Can someone help?

0 Likes
Highlighted
Shopify Partner
904 185 211

This is an accepted solution.

Add this css in theme.scss.liquid

.template-product .price__vendor dd:hover {
    text-decoration: underline;
    cursor: pointer;
}
Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
1 Like
Highlighted
Excursionist
28 0 1

Thank you!!!!

0 Likes
Highlighted
New Member
4 0 0

Dear Guleria, 

I took your suggestion and it works, great! 

However, I would like the vendor name to be permanently underlined instead of just on hover. How can I change to code you suggested to do this? 

0 Likes