How to remove underline from links on a specific page?

Topic summary

A Shopify Dawn theme user wants to remove underlines from link text on specific project pages while keeping them elsewhere on the site. The links appear as titles in a multicolumn section with images.

Problem: Using global CSS (a { text-decoration: unset !important; }) removes underlines from all links site-wide, not just the desired pages.

Solutions provided:

  • Target the specific section ID instead of global anchor tags. Example: section#shopify-section-template--[ID] a { text-decoration: none; }

  • Add custom CSS directly to the Multicolumn section settings: .inline-richtext a { text-decoration: none; }

  • Use the section’s Custom CSS field (available in theme customization) rather than global stylesheet.

Resolution: The issue was resolved using section-specific custom CSS, allowing underlines to remain on other pages while removing them from project portfolio pages.

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

Hi,

I use the Shopify Dawn theme. All link texts are standard underlined.
In most texts on my website I like it when a link text get underlined;

But I also have a portfolio for my projects, on these project pages I used the multicolumn and
every picture has a title (that title is the link). The problem is that the titles are now underlined.
And I don’t like the look of that.

I have done some research, but pasting this code will delete underlines from all links…
I only want them gone from my project pages;

a { text-decoration: unset !important; }

Is there a way to get rid of the underlines of links in one page, or in one section?
Look at the first item of my project page, I left it in as an example:
https://gladvloeren.com/pages/particulieren

Instead of using global anchor you must have to use specific Anchor class in order to remove the underline.

Hi, thanks for your reply,
I have little knowledge of coding. Are you able to tell wich anchor class I have to use, what code it would be and where to put it?
Thanks in advance!

Sure for Example if you remove the Underline from the first featured collection Section. Then you have to inspect the section.
Search for his main Section ID. As how in SS.

https://drive.google.com/file/d/16UfRmCHoDETLXN7M4K1uYQ2hhK6AmW0F/view?usp=sharing
After this you have to target all Anchors in that ID

section#shopify-section-template--24516469850454__multicolumn_PJQQLx a{
text-decoration: none;
}
1 Like

Please add this code to Custom CSS of Multicolumn section on that page.

.inline-richtext a { text-decoration: none; }

Hi @christianvc
Yes, you can do it using Custom CSS within that particular section, please refer to this screenshot

This worked, thank you very much! :smiling_face_with_sunglasses: