Solved

Can you eliminate underlines from product links in Shopify?

MLG0810
Excursionist
65 1 8

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

thanks!

Accepted Solutions (2)

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

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.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

MLG0810
Excursionist
65 1 8

This is an accepted solution.

it is ok thank you - adjusted code.

 

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

View solution in original post

Replies 12 (12)

Rajvi__patel
Shopify Partner
61 4 14

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; }

 

If helpful then please Like and Accept Solution.
MLG0810
Excursionist
65 1 8

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

GemPages
Shopify Partner
5588 1261 1203

@MLG0810 

 

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

 

Screenshot at Dec 09 19-25-15.png

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
MLG0810
Excursionist
65 1 8

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

MLG0810
Excursionist
65 1 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!

GemPages
Shopify Partner
5588 1261 1203

@MLG0810 

 

You can try the following code:

 

 

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

 

 

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
MLG0810
Excursionist
65 1 8

😞 no unfortunately it does not work. any other suggestions?

MLG0810
Excursionist
65 1 8

sorry, i want the underline when hovering gone basically.

MLG0810
Excursionist
65 1 8

This is an accepted solution.

it is ok thank you - adjusted code.

 

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

GemPages
Shopify Partner
5588 1261 1203

@MLG0810 

 

You can try the following code:

 

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

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

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.

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

oscprofessional
Shopify Partner
15834 2369 3072

@MLG0810 
Hello,

a { 
text-decoration: none;
 }

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

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing