Archived topic
Hyperlink CSS
3 replies · Started by Mark on May 4, 2020
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.
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;
}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.
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.
