Links are not underlined anymore

  • Hello
    The links are no longer underlined, the color now appears ABOVE the words.
    And when I move the cursor over it, the color disappears.
    Why did this change? And how can I change it back?

    The blog I need help with is: (visible only to logged in users)

  • Here is a “good” example of what I mean: https://dervolpe.ch/medien/

  • Hello,

    This is wired, indeed.

    Do you remember when this happened? After upgrading to WordPress 5.5, or installing a specific plugin?

    Looking forward to hearing back from you.

    Thanks,
    Alin

  • Hi Alin

    No I didn’t change anything. I only noticed it yesterday.
    Is there something wrong with my custom CSS? I didn’t change anything and it worked that way… I hope you can help me out

    This is my custom CSS:

    /*
    Willkommen bei den Individuellen CSS

    Wie es funktioniert, steht unter http://wp.me/PEmnE-Bt
    */
    .dropcap {
    text-shadow: 2px 2px 0 white, 4px 4px 0 white;
    }

    .byline {
    display: none;
    }

    .highlight {
    background-color: #ff6c00;
    }

    .single .posted-on .entry-date .entry-time {
    display: none;
    }

    .comments-area-title a.comments_add-comment {
    display: none;
    }

    .no-comments .comments-area-title {
    display: none;
    }

    .entry-card .entry-image .hover {
    display: none;
    }

    .site-footer[class] a:hover {
    color: #ff6c00;
    }

    .single .entry-content a:not([class*=wp-block]),
    .page .entry-content a:not([class*=wp-block]) {
    background-color: transparent;
    background-image: linear-gradient(180deg,transparent 0%,#ff6c00 0%,#ff6c00 100%,transparent 100%);
    }

    .jetpack_subscription_widget input[type=”submit”], .widget_blog_subscription input[type=”submit”], .sidebar .widget a:hover, .grid__item .entry-content a, .page-links a, .smart-link, .single .entry-content a, .page .entry-content a, .edit-link a, .author-info__link, .comments_add-comment, .comment .comment-reply-title a, :first-child:not(input)~.form-submit #submit, div#infinite-handle span, .sidebar a:hover, .nav–main li[class*=”current-menu”]>a, .nav–main li:hover>a {
    background-color: transparent;
    background-image: linear-gradient(180deg,transparent 0%,#ff6c00 0%,#ff6c00 100%,transparent 100%);
    }

    /* Change links background color */
    .single .entry-content a:not([class*=wp-block]):not(.img-link),
    .page .entry-content a:not([class*=wp-block]):not(.img-link) {
    background-color: transparent;
    background-size: 100% .25em;
    background-image: linear-gradient(180deg,transparent 0%,#ff6c00 0%,#ff6c00 100%,transparent 100%);
    }

    /* Change buttons background color */
    input[type=submit],
    button {
    background-image: linear-gradient(180deg,transparent 0%,#ff6c00 0%,#ff6c00 100%,transparent 100%);
    }

  • Can someone please help me to solve the problem?

  • When I delete the part “Change links background color” it works again – but with the wrong color. How can I change it back to #ff6c00?

  • Hello?
    I still can’t change the color…

  • The topic ‘Links are not underlined anymore’ is closed to new replies.