[Resolved] Removing underlines from linked images

Home Forums Support Removing underlines from linked images

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

    Hi there, GP Team!

    I have customised my hyperlinks using the following CSS:

    .single .entry-content a {
    text-decoration:none;
    border-bottom: 1px solid #7bdcb5;
    box-shadow: inset 0 -1.5px 0 #7bdcb5;
    transition: background 0.1s cubic-bezier(.33,.66,.66,1);
    }

    .single .entry-content a:hover {
    text-decoration:none;
    border-bottom:none;
    box-shadow:none;
    }

    And image captions have been excluded with this:

    .single .entry-content figcaption a {
    border: unset;
    box-shadow: unset;
    }

    However, when I add a URL to an image within a post, I can see the customised hyperlink underline at the bottom of the image, which looks a bit ugly. Is there a way to remove this without affecting the rest of the customisation?

    Many thanks in advance.

    Rob

    #1276567
    David
    Staff
    Customer Support

    Hi there,

    you’re last CSS rule where you unset the style for figcaption you can change to:

    .single .entry-content  figcaption a,
    .single .entry-content figure a {
        border: unset;
        box-shadow: unset;
    }
    #1276579
    Rob

    David,

    You, Sir, are a legend!

    Thank you so much for your help and wish you a great weekend.

    Rob

    #1276670
    David
    Staff
    Customer Support

    Glad to be of help.
    Have a great weekend too.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.