[Resolved] horizontal line showing underneath all linked images

[Jessica]

I am seeing a horizontal line underneath every image that is linked on my site. It looks like the theme is adding a standard hyperlink underline like it would do if it were just plain text that was linked. How do I get rid of this line? It’s quite obvious looking.

[David]

Hi there,

its this CSS you have in the Customizer > Additional CSS:

.entry-content a:not(.button) {
	box-shadow: inset 0 -1px 0 currentColor;
	transition: color 100ms ease-in,box-shadow .13s ease-in-out;
}

.entry-content a:not(.button):focus, .entry-content a:not(.button):hover {
    box-shadow: inset 0 0 0 currentColor,0 3px 0 currentColor;
}

replace it with:

.entry-content p > a:not(.button) {
	box-shadow: inset 0 -1px 0 currentColor;
	transition: color 100ms ease-in,box-shadow .13s ease-in-out;
}

.entry-content p > a:not(.button):focus, .entry-content p > a:not(.button):hover {
    box-shadow: inset 0 0 0 currentColor,0 3px 0 currentColor;
}

[Jessica]

This fixed the problem. Thanks!

[David]

Glad to hear that

[Author]

Posts