[Resolved] horizontal line showing underneath all linked images

Home Forums Support horizontal line showing underneath all linked images

This topic contains 3 replies, has 2 voices, and was last updated by  David 3 weeks, 5 days ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1267050

    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.

    #1267313

    David Customer Support

    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;
    }
    #1267909

    Jessica

    This fixed the problem. Thanks!

    #1268440

    David Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.