[Resolved] Links: how to remove underline on hover and active

[Ricardo]

Hi,

I’m using this css that you provide in a previous topic:

.site-content p a:link,
.site-content p a:hover,
.site-content p a:active,
.site-content p a:visited {
text-decoration: underline;
}

I would like to have a hover and active effect: to remove the underline.

For that, I tried to simply remove

.site-content p a:hover,
.site-content p a:active,

but it didn’t work.

Also set

.site-content p a:hover,
.site-content p a:active,{
text-decoration: none;
}

but it didn’t work.

Any idea on how to achieve that?

Thanks in advance,
Ricardo Pons

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know 🙂

[Ricardo]

Sure.

https://wordpressmu-89823-1306048.cloudwaysapps.com/experiencia-fado-ao-vivo-porto/

[Leo]

I just tried and this should work:

.site-content p a:hover {
    text-decoration: none;
}

Can you give it a shot and leave the code in even if it doesn’t work?

[Ricardo]

It’s perfect!

Sorry that I’m a CSS noob 🙂

Thank you!

[Leo]

No problem 🙂

[Author]

Posts