Premium Theme Support › SiloCreativo › Silvio

Removing Link Styling

  • Author
    Posts
  • #140334
    thedepthofnow
    Member

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

    #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
    thedepthofnow
    Member
    Original poster

    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.