Archived topic
How to add underline to hyperlinked text
6 replies · Started by Chris on December 22, 2019
Is there a way to add an underline when you hover over a linked text.
So if I hover over a text, it should look like this: http://prntscr.com/qeg9ok
I came across another topic and applied this code:
body:not(.blog):not(.archive) .inside-article a {
font-weight: bold;
text-decoration: underline;
}
However, it adds an underline to all linked text. Is there a way to only add underline when hovering over text?
Hi there,
Try this instead:
body:not(.blog):not(.archive) .inside-article a:hover {
font-weight: bold;
text-decoration: underline;
}
That helps, however, it removed the bold.
Here's how it looks without hover: http://prntscr.com/qegsb5
Here's how it looks with hover: http://prntscr.com/qegseb
Could I make the text bolded without hover? And whenever I hover over the text, it adds underline?
This would be your full CSS:
body:not(.blog):not(.archive) .inside-article a {
font-weight: bold;
}
body:not(.blog):not(.archive) .inside-article a:hover {
text-decoration: underline;
}
Thank you my good sir :)
No problem :)