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! 