Removing Link Styling

  • Author
  • #140334

    Hi! I would like my links to look like those used on Wired

    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: (visible only to logged in users)

    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

    Original poster


    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,

    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.