How to remove underline from HYPERLINK (on page, in html)

Technical Q&A

Topic summary

A user seeks to selectively remove underlines from specific hyperlinks in their website’s footer menu (CARE INSTRUCTIONS, SIZE GUIDE, REPAIRS, etc.) while preserving underlines on other hyperlinks throughout the page.

Key Requirements:

  • Remove underlines only from footer menu links
  • Keep underlines on hyperlinks that will appear in text content below the menu options
  • Avoid a global solution that affects all links site-wide

Proposed Solution:
GemPages support provided a two-step approach:

  1. Add a custom class to the <p> tags containing the menu links
  2. Insert CSS code in the theme.liquid file (before </body>) to target those specific classes

Current Status:
The user expressed concern about whether this solution would affect only the intended menu links or inadvertently remove underlines from other hyperlinks on the page. They’re awaiting clarification before implementing the code, as other pages will have similar structures with policy text containing hyperlinks that must remain underlined.

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

Hi everyone,

I would like some help please, on how I can remove the underline from hyperlink.

These are hyperlinks I have on a page, that will link to other pages. I would need a solution that removes each hyperlink individually, and not a “general code that removes all”. I want to keep some underlined, and I want to remove the underline on some others.

Is there a way I can add a certain code to each individual link? See below to see the page code

Thank you!

R

Screenshot 2023-01-30 at 6.27.48 PM.png
Screenshot 2023-01-30 at 6.27.48 PM.png1192×844 33.7 KB

Screenshot 2023-01-30 at 6.35.17 PM.png
Screenshot 2023-01-30 at 6.35.17 PM.png1286×1128 76.4 KB

2

Hello @RENE_6

To provide you with the most precise solution in this case, could you please share your page URL ( with pass if your store password is enabled )?

Thank you and hope to hear from you.
Best regards,
GemPages Support Team

3

www.reneleblanc.com

password client1

That page is on CLIENT SERVICES on the footer menu.

Thanks

4

Hello @RENE_6

You can add class to

GemPages_1-1675132140486.png
GemPages_1-1675132140486.png1449×507 27.2 KB


**CARE INSTRUCTIONS**

[SIZE GUIDE](https://www.reneleblanc.com/pages/size-guide)

[REPAIRS](https://www.reneleblanc.com/pages/repairs)

[RETURNS FORM](https://www.reneleblanc.com/pages/returns-form)

[WISHLIST](https://www.reneleblanc.com/pages/wishlist)

[FAQ'S](https://www.reneleblanc.com/pages/faqs)

CARE INSTRUCTIONS TEXT

and add code follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1675132043162.png
GemPages_0-1675132043162.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_2-1675132174502.png
GemPages_2-1675132174502.png1085×852 41.9 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

5

Thank you.

Before I try this, I just have a concern… I only want to remove the underline on the hyperlinks on the menu options (CARE INSTRUCTIONS, SIZE GUIDE, REPAIRS, RETURN FORMS, WISHLIST and FAQ’S)

Any text I place under the menu options should not be affected.

Where you see “CARE INSTRUCTIONS TEXT”- that will be replaced with text later on, and that text will include some hyperlinks. I want to make sure that those hyperlinks are not affected, and those will still be underlined. Some of the other pages have the same structure, and will include policy text with hyperlinks below the menu options (that must also not be disturbed)

Will the codes you just showed me work for this? I don’t want a solution that removes the “underline on hyperlinks” on the entire page…

Thanks!

R

6

That was not the solution.