How can I eliminate underlining from links on my webpage?

Store Design
,

Topic summary

A Shopify store owner seeks to remove underlines from links, particularly on their thank you page.

Solutions provided:

  • CSS method: Add a { text-decoration: none !important; } to the theme’s base.css file or before the closing </body> tag in theme.liquid. This removes underlines from all links except navigation.

  • Alternative approach: The CSS can be added directly in the Custom CSS section under global settings, avoiding direct theme file editing.

Outcome:
The original poster confirmed the solution worked successfully. Multiple users validated the effectiveness of the CSS approach for this customization.

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

Hello,

I’d like to remove underlining from the links on my shopify page (especially the one on my image banner)

Link to my page: https://rightnowvintage.de/

Tank you

2

Hi @Regardez ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

3

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your base.css file and paste the following code below:

a {
    text-decoration: none !important;
}

This css will remove underline from all links excluding navigation.

1 Like
4

thank you very much - it worked

5

Thanks - it also works in the Custom CSS in the global section, so then one can avoid editing the theme files directly