How do I eliminate underlines from product links?

Store Design
, , ,
1

how to remove all underline in product links? basically i do not want any underline in any of the text with links.

thanks!

2

Hii @MLG0810
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css.
Step 3: Paste the below code at bottom of the file → Save

a:link { text-decoration: none; }
3

Hello @MLG0810

It’s GemPages support team and glad to support you today.

You can try with the following css code:

a{
  text-decoration: none !important;
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

4

@MLG0810
Hello,

a { 
text-decoration: none;
 }

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

5

did not work. all links on products are still underlined. any suggestions?

6

@MLG0810

I see the underline is not showing anymore. This code is working.

Screenshot at Dec 09 19-25-15.png
Screenshot at Dec 09 19-25-15.png1476×599 575 KB

7

hi sorry but i can still see the underline everywhere on all the products. any help please?

8

hi. any help please if you can ASAP - need the underline gone when hovering on all the product title (product card, homepage, collection, etc - all products). please kindly assist. thanks!

9

@MLG0810

You can try the following code:

.card__heading a:hover{
    text-decoration: underline;
  }
10

:disappointed_face: no unfortunately it does not work. any other suggestions?

11

sorry, i want the underline when hovering gone basically.

12

it is ok thank you - adjusted code.

.card__heading a:hover{
text-decoration: none !important;
}

13

@MLG0810

You can try the following code:

.card__heading a:hover {
    text-decoration: none;
}