Twenty Seventeen, link colour
-
Hi
My colour values via the customizer are
Text #ebebeb
Links #008488
Accent 1 #ebebeb[.site-title and .site-description are done via CSS]
But when I look at my pages and blog posts, the link colour is not #008488, it’s the same grey as the text, only underlined.
I would like the links to be in #008488, and drop the underline, if possible (keep it for the hovering state).
Thank you.
The blog I need help with is: (visible only to logged in users)
-
Hello @manuschwendener
Try these CSS codes to:1. Change the link color to #008488 and drop the underline
.entry-content a { color: #008488; border: none; box-shadow: none; }2. And then, add the underline to the hover state
.entry-content a:hover { -webkit-box-shadow: inset 0 -1px 0 currentColor; box-shadow: inset 0 -1px 0 currentColor; }Hope these help 🙂
-
Thank you, otpidusprime – exactly what I wanted to achieve! :-)
currentColor in the second part has no effect, as far as I can see: in the hover state, the links are grey, but underlined. This is working fine for me (I kept the thicker line).
-
@manuschwendener do you want the color #008488 for hover state too? if yes then just use add the color property to the hover state like this:
.entry-content a:hover { color: #008488; }Thank you, otpidusprime – exactly what I wanted to achieve! :-)
You’re welcome mate 🙂
-
-
-
Hi, I have the same issue except I would like to remove the link underline from the text widgets; is this possible?
The blog readhearkeep.net
Thanks, Joseph
-
Hi @jsephrhk, it looks like you are using WordPress but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest asking for help from the theme author directly or ask in the volunteer-based WordPress.org forums.
The differences between WordPress.com and WordPress.org.
I did take a quick look at your site and I do not see any underline on links in the widgets.
- The topic ‘Twenty Seventeen, link colour’ is closed to new replies.