Styling links

Help
1

I hate underlining… typography curmudgeon alert! So I prefer a look where links are indicate by difference in colour only. I am happy to retain the icon for external links.

Through CSS element inspection I have discovered that the following successfully styles links for both Edit and Reading modes:

.cm-underline, a.external-link, a.internal-link {
	text-decoration: none !important;
	color: #577ABB;
}

However, hovering the mouse over the link produces an underline… but only in Edit mode. None of these help:

.cm-underline a:hover {
	text-decoration: none !important;
}

.cm-underline:hover {
	text-decoration: none !important;
}

a:hover {
	text-decoration: none !important;
}

Ideas?

2

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