Hi there, this is on the topic of link style, so I hope it’s okay if I add it here. Let me know if I should create a new topic.
I am using the CSS
.inside-article a, a:visited, a:active {
text-decoration: underline;
text-decoration-style: underline;
}
.inside-article a:hover {
text-decoration: underline;
text-decoration-style: dotted;
}
because I also want the titles and “read more” underlined on my blog index pages. This excludes the underline from appearing on menus etc, which is good, but there are two issues:
- It adds underlines to my post date and meta, which I’d rather not have.
- it doesn’t apply to hyperlinks that appear in my hooks, which I’d like to have the same underlining for colorblind accessibility.
You can see an example of what I mean at https://www.dalecameronlowry.com/category/for-writers/. The hook area where I’d like hyperlinks underlined is the gray box that appears directly below “for writers” at the top of the page.
Possible solutions?