Site logo

Archived topic

How to add underline to hyperlinked text

6 replies · Started by Chris on December 22, 2019

Viewing posts 1–7 of 7

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 :)

This archived topic is closed to new replies.