Removing Link Styling

  • Author
    Posts
  • #140334

    Hi! I would like my links to look like those used on Wired https://www.wired.com/story/this-company-takes-grunt-work-using-the-cloud/

    I have the css code already and I have used it on many other wordpress templates but it doesn’t seem to work on this one. Could you please advise as how to remove the existing link styling so that I can add my own?

    The blog I need help with is thedepthofnow.com.

    #140375

    ricardpriet
    Theme Author

    Hello there,
    thank you for writing :)

    Add this CSS:

    .entry-content a,
    .entry-summary a,
    .comment-content a {
        background-color: transparent;
        color: inherit;
        text-decoration: none;
        -webkit-transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1);
        -o-transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1);
        transition: background .15s cubic-bezier(0.33, 0.66, 0.66, 1);
        border-bottom: 3px solid #b4e7f8;
        -webkit-box-shadow: inset 0 -4px 0 #b4e7f8;
        box-shadow: inset 0 -4px 0 #b4e7f8;
        border: 0;
    }
    .entry-content a:hover,
    .entry-summary a:hover,
    .comment-content a:hover {
        background-color: #b4e7f8;
        color: #000;
        border: 0;
    }

    And let us know if it works.
    Thank you!
    Ricardo P. from SiloCreativo

    #140467

    Hello!

    Wonderful :)

    There is only one problem – it also underlines the links in the related post section below the post. Is there a way to make it so that only the links in the post are underlined?

    I appreciate your help.

    Kind regards,
    Martina

    #140490

    ricardpriet
    Theme Author

    Oh yes, it is true, sorry :)

    Add this CSS additionally:

    #main div#jp-relatedposts a {
        box-shadow: none;
    }

    Thank you!
    Ricardo P.

The topic ‘Removing Link Styling’ is closed to new replies.