Custom css hyperlink text-decoration

Hi there,

I’ve got an issue with custom css.

What I’m trying to do

I use the Obsidian standard theme and I’d like to remove the underlined style from all hyperlinks and set the text-decoration to none.

Things I have tried

I tried to find some suitable css snippets from GitHub - Dmytro-Shulha/obsidian-css-snippets: Most common appearance solutions for Obsidian now in a single place. Initially collected by Klaas:, but nothing found. So I created the following css file and enabled the css file in the settings:


a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}


1. <a href=""></a>
3. [](

The css code takes effekt on the html code only(see 1.), but not on the pure text link (see 2.), neither on the markdown (see 3.). Do you have an idea to solve this?
kind regards

Try this CSS Snippet:

	/* << Reading View >> */
	.markdown-preview-view .external-link {
		text-decoration: none;
	/* << Live Preview >> */ .cm-link .cm-underline {
		text-decoration: none;

This works for all external links in Reading View & Live Preview EXCEPT FOR the pure text link in Live Preview. Haven’t found a solution to that.

FYI: You can always open the developer console in Obsidian to find the right selectors for the CSS you want to apply. The Keyboard Shortcut is Ctrl/Cmd + Shift + I

Hope this helps.

1 Like

Try the above, but this should take care of 2. and 3.

body {
 --link-external-decoration: none; 

Have a look here:


Wonderful. Forgot about the new selectors for a second. Thanks for reminding me to update all of my css, to simplify it :slight_smile: Lots to do.

1 Like

Thanks @Olondre and @ariehen, that’s it! :grinning:
And Ctrl-Shift-I is a good help!

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.