remove underline links

Shopify Discussion
1

Hi, I want to remove underline’s when linking a word to another page. I’ve tried different codes already on this forum, but none of them seems to work for me.

2

Hey @FrisoPi ,

To remove the underline from links, try adding this CSS rule:

a {
  text-decoration: none;
}

This will apply to all tags on your page. If you want it to apply only to certain links, you could use a class:

Your Text

Then add the CSS:

.no-underline {
  text-decoration: none;
}

Let me know if this works for you!

If I was able to help you, please don’t forget to Like and mark it as the Solution!

Best Regard,

Rajat Sharma
3

Doesn’t work..

4

@FrisoPi

Could you share your store URL so I can check?

thanks

5

www.hydure.nl

6

Just found the solution:

.link, .prose a:not(.button) { background-size: 0 1px; } .link:hover, .prose a:not(.button):hover { background: linear-gradient(to right, currentColor, currentColor) 0 min(100%, 1.35em) / 100% 1px no-repeat; }

This worked for me.

7

Great find! That CSS approach is a nice way to keep links styled subtly without the underline, while adding a hover effect. Let me know if you need any further adjustments!