Twenty Seventeen, link colour

manuschwendener · Member · May 13, 2017 at 3:20 pm
Copy link

Add topic to favorites
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)
otpidusprime · Member · May 14, 2017 at 8:40 am
Copy link
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 🙂
manuschwendener · Member · May 14, 2017 at 9:01 am
Copy link
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).
otpidusprime · Member · May 14, 2017 at 5:33 pm
Copy link
@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 🙂
manuschwendener · Member · May 14, 2017 at 9:07 pm
Copy link
> like this

perfect, thank you :-)
otpidusprime · Member · May 15, 2017 at 8:58 am
Copy link
You’re welcome 😇
jsephrhk · Member · May 15, 2017 at 12:11 pm
Copy link
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
thesacredpath · Member · May 16, 2017 at 8:46 pm
Copy link
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.

No items found.