I would like to remove the underlines from on page hyperlinks. I’d like to remove both the constant underline and the hover underline. The hyperlinks are on various pages, not the header or footer.
I have tried several code edits that were suggested in previous posts, but nothing has worked so far.
This is code suggested a few times to be added to the liquid or base file but it didn’t work for me.
a {
text-decoration: none !important;
}
Any help would be greatly appreciated!
@CaptBret Would you mind to share your store URL website, with password if its protected? Thanks!
@CaptBret can you share the screenshot where you are facing the issue?
These are on a collection page. The text that is underlined has hyperlinks. I have not added hyperlinks to the rest yet.
@CaptBret please share the page link.
Hi @CaptBret
Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file
Add the following code in the bottom of the file above tag
{% style %}
a {
text-decoration: none;
}
{% endstyle %}
If I managed to help you then, don’t forget to Like it and Mark it as Solutions.
Hi @CaptBret
Where we can find this page? We check ypour page but couldnt find the page that you like to remove the underline. Can you share it with us. Thanks!
Thank you, this worked perfectly. I apologize for the delayed reply, shopify blocked my messages as spam. Apparently we were working too quickly and I sent too many messages.
Hi I have tried this today and it’s not working. Is there an updated code needed? Thank you!
