Archived topic
Link style outside of content area
1 reply · Started by dale on January 13, 2018
Viewing posts 1–2 of 2
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?
Hi there,
Instead of using your current CSS, try this instead:
.lightbox a,
.entry-summary a {
text-decoration: underline;
}
This archived topic is closed to new replies.
