Can't remove link underline in the Debute theme

[glenwag]

I am using the Debute theme and cannot remove the hyperlink underline from any applied anchor (text, image, button) resulting in ugly line artifacts.

I have tried to modify the theme.scss.liquid file to no success.

Here is the code from the theme.scss.liquid file that should control this:

I can adjust the color attribute and it works just fine. I can change the text-decoration to “line-through” and that works (line appears through the link text), but with “none” the underline is still there.

Is it some other attribute that is appearing? Clearing bottom-border also does not seem to work.

Here is the actual appearance (line “wings” on button and under images):

Any help is appreciated!

[Made4uo-Ribe]

Hi @glenwag

Would you mind to share your store URL? Thanks!

[glenwag]

Yes - here it is: https://admin.shopify.com/store/open-lore

[Made4uo-Ribe]

Oh, this is the admin store. Not this URL, you can also share the preview. Thanks!

[glenwag]

Sorry!

Here is the preview link:
https://1bwf198sgohn3l5r-2884692.shopifypreview.com

You can see a lot of the links on a page if you click “e-books” in the
navbar.

Thanks!

[Made4uo-Ribe]

Thanks for the info, if you are familiar with the code you can find the code and edit it.

under Asset folder find the theme.scss.css

And look for this code.

Or not you add this code at the bottom of this file.

.rte a:not(.btn) {
  border-bottom: 0px solid currentColor;
  padding-bottom: 1px; }

and Save.

this will change also the below links.

But if your pointing only this.

.scrollable-wrapper a:not(.btn) {
  border-bottom: 0;
}

And Save.

Result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[glenwag]

Thanks!!! That worked perfectly.