How do I remove the underlining on every single hyperlink on my website? Dawn Theme

Store Design
, ,
1

I want to remove specifically the underlining that appears on hover on the header and all the product cards, as well as everywhere else on the website. Ive tried almost every solution on the forum and none of them have worked so far.

Website: blankfuture.co

Password: helpme

2

Hello @eitanj

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

I would like to give you a solution to support you:

  1. Go to Online Store → Theme → Edit code:

GemPages_0-1669618959296.png
GemPages_0-1669618959296.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before :

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

3

Hey! Unfortunately that didn’t work.

4

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:
.header__menu-item:hover span {
text-decoration: none;
}
details[open]>.header__menu-item {
text-decoration: none;
}
a:hover{
text-decoration: none;
}
.card__heading a{
     text-decoration: none !important;
  }
.underline-links-hover:hover a {
text-decoration: none;
}

ZestardTech_0-1671101712189.png
ZestardTech_0-1671101712189.png1912×698 230 KB

5

@eitanj

I checked: when hovering over the product title, underline has not to display

Screenshot at Dec 15 17-55-34.png
Screenshot at Dec 15 17-55-34.png1406×459 184 KB

6

You’re right! I didnt realize sorry I wasn’t paying attention I thought youd responded for the header issue.

Both solutions worked. Thanks!!!

7

This worked perfectly! Thank you!

8

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.