Archived topic
Excluding Link Underline on Certain Elements + Pages
2 replies · Started by Laurice on September 5, 2020
Hi guys! So I recently implemented this code to underline my links:
/* Links Formatting*/
.single .entry-content a,
.single .entry-content a:visited,
.single .entry-content a:hover,
.page .entry-content a,
.page .entry-content a:visited,
.page .entry-content a:hover {
border-bottom: 3px solid #f74242;
color: #0a0802;
font-weight:600;
}
However, it changed a few things that I'd like to revert back if possible. I've looked for fixes in support topics and nothing has worked well.
- Button text color (used to be white, the code changed it to black, but a couple are still showing up as white for some reason)
- Underlining photos that have links
- Would also like to exclude the underlining from all pages except for regular post pages
Thank you in advance!
I'm going to delete the code until I can find a fix, but this is what it was doing:
https://ibb.co/QkHtfc2 (using WP show posts for these types of pages)
This is the underline I'm going for – https://ibb.co/q7gWzJz
It worked great with the code I input above, I just want to exclude it from buttons, images, and any other links that aren't in basic single post body text.
Thank you!
Hi there,
if you want to target links within paragraphs you can use these CSS Selectors:
.single .entry-content p > a,
.single .entry-content p > a:visited,
.single .entry-content p > a:hover,
.page .entry-content p > a,
.page .entry-content p > a:visited,
.page .entry-content p > a:hoverIts not 100% accurate as some plugins or content maybe out inside a paragraph that you don't want affected. But its generally a good place to start.
