Site logo

Archived topic

Hyperlinks underline

3 replies · Started by Matthias on May 30, 2022

Viewing posts 1–4 of 4

Hi,
we use the following code to underline hyperlinks:

/* Link unterstrich */

.entry-content p a:hover {
    border-bottom: 1px solid currentcolor;
}
.entry-content p a {
    border-bottom: 1px solid currentcolor;
}

It works, however, if you have bullet points in the text that have links, there is no underline.
e.g. https://gesundheit.lanaprinzip.com/heuschnupfen/

Could you alter the CSS so it works there too?

Tnx,
Matt

Hi there,

try:

/* Link unterstrich */

.entry-content p a:hover,
.entry-content li a:hover {
    border-bottom: 1px solid currentcolor;
}
.entry-content p a, 
.entry-content li a {
    border-bottom: 1px solid currentcolor;
}

Thank you David!
PERFECT :)
Best,
Matt

You're welcome

This archived topic is closed to new replies.