Archived topic
horizontal line showing underneath all linked images
3 replies · Started by Jessica on May 3, 2020
Viewing posts 1–4 of 4
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.
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;
}This fixed the problem. Thanks!
Glad to hear that
This archived topic is closed to new replies.
