Removing Link Styling
-
AuthorPosts
-
thedepthofnow
MemberHi! 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)
ricardpriet
Theme AuthorHello 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 SiloCreativoHello!
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,
Martinaricardpriet
Theme AuthorOh 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.