[Resolved] Hyperlink CSS

[Mark]

Hi

Please can I have the CSS code that will make the text black and the green line under the hyperlinks in content remain. I like the green lines but I just want the text black so it looks a little more striking.

Thank you for any help with this.

[David]

Hi there,

the text-decoration property always inherits its parent styles – so they have to be the same color. Instead you can use this CSS to add a border below:

.entry-content a {
    color: #000;
    border-bottom: 1px solid #20c92e;
}

[Mark]

Unfortunately, that doesn’t appear to work. What I am looking to do is have a hyper link in the text of the post with the writing black underlined with a green line. If this isn’t something that can be done with CSS that’s fine.

[David]

in Customizer > Additional CSS – remove:

.entry-content a {
    text-decoration: underline;
}

And add the code i provide here

Note: I added the color: #000; property to change the link color. You can remove this and set the color in Customizer > Colors > Content –> Linls instead.

Make sure you clear any browser caches if the change doesn’t occur immediately.

[Author]

Posts