How do I eliminate underlines from my text everywhere?

Store Design

Topic summary

A user seeks to remove underlines appearing throughout their Shopify store. Two solutions are proposed:

Solution 1 (PageFly-Theodor):

  • Add custom CSS code to theme.liquid file
  • Insert code above the </head> tag
  • Access via: Online Stores > Themes > Actions > Edit code

Solution 2 (ZestardTech):

  • Navigate to Shopify Admin > Online Store > Themes > Actions > Edit code
  • Locate Asset > base.css
  • Add CSS rules at the bottom targeting specific elements (header menu items, active states, hover states)
  • Uses text-decoration: none !important to remove underlines

Both responders requested the store URL to provide tailored solutions. The CSS approach targets anchor tags and header menu elements specifically. The issue remains open pending implementation by the original poster.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

Hello How can I remove underline from everywhere?

myusastore_0-1707808589673.png
myusastore_0-1707808589673.png1837×159 7.95 KB

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

https://myusastoree.com/

?120408023?

1 Like
4

Hi @myusastore

This is Theodore from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Theodore | PageFly

5

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!important;
}
.header__active-menu-item {
text-decoration: none!important;
}
a{
text-decoration: none!important;
}