Remove underscore/underline on hover/link click - Trade Theme

[golazocases]

Hi,

I am looking to remove the underline/underscore on links and when hovering over links. An example can be seen on my ‘shop by team’ link in the header (see attached) and also on the ‘continue shopping’ link at the cart page.

I hope this makes sense and I appreciate any help. My store URL is: golazocases.myshopify.com

Thanks!

[Made4uo-Ribe]

Hi @golazocases

Would you mind to check the URL again? or share the preview.

[BSSCommerce-HDL]

Hi @golazocases ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[niraj_patel]

Hello @golazocases

You can add code by following these steps

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

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.list-menu li .header__menu-item:hover span{ text-decoration: none !important; }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[namphan]

Hi @golazocases ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

a {
  text-decoration: none !important;
}
.header__menu-item:hover span {
    text-decoration: none;
}

[golazocases]

Thanks, this has worked well however the underline still appears now on selected pages. i.e the ‘shop by team’ text is underlined still after I click on that link. Can you remove this too? Hope you understand

[namphan]

Hi @golazocases ,

Please change code:

a {
  text-decoration: none !important;
}
.header__menu-item span {
    text-decoration: none !important;
}

[golazocases]

Thanks! There is one last tweak needed and that is to the filter section in which the ‘club/country’ text is still underlined annoyingly.

[namphan]

Hi @golazocases ,

Please add code:

.facets__summary-label,
.facet-checkbox__text-label {
    text-decoration: none !important;
}

[namphan]

Hi @golazocases ,

If you have any questions, you can contact me directly.
Happy to help you

[golazocases]

Could I get some help on my other post please?

[namphan]

Hi @golazocases ,

Yes, you can send it via private message, I will check it

[golazocases]

Hey, how can I remove the underline at the filter and sort by link? see attached pls

[namphan]

Hi @golazocases ,

Please add code:

.mobile-facets__open-label {
    text-decoration: none !important;
}