Archived topic
Bold and Float Hyperlink Underline - Issue with Bullets
3 replies · Started by MMS on June 27, 2022
Hi, I'm using the following code to make all body text bold with an underline (The underline is floated down by 2px) This works fine on body text but not where there are hyperlinks in any bulleted text. See here:- https://makemesustainable.com/do-light-dimmers-save-energy/
Can you advise how this should be modifeid? Thanks
/* Link Float Down */
.entry-content p a:hover {
border-bottom: 2px solid currentcolor;
}
.entry-content p a {
border-bottom: 2px solid currentcolor;
}
/* Bold Links */
.single-post .inside-article .entry-content p a {
font-weight: bold;
}
Hi there,
if you want to include the links inside a list then change the CSS to:
/* Link Float Down */
.entry-content p a:hover,
.entry-content li a:hover {
border-bottom: 2px solid currentcolor;
}
.entry-content p a,
.entry-content li a {
border-bottom: 2px solid currentcolor;
}
/* Bold Links */
.single-post .inside-article .entry-content p a,
.single-post .inside-article .entry-content li a {
font-weight: bold;
}Perfect. Many Thanks
You're welcome
