Underline on hover for body text in pages and posts

Hi there,

It could be tricky to include that many conditions in CSS unfortunately.

Can you start with this and link me to the page/post if it doesn't work?

.entry-content a {
    text-decoration: underline;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know :)

Hi Leo,

That didn't work. It only underlined the titles on the Home page. Truthfully, it's not that important that we need a complicated CSS script. Thanks anyway.

Another way to approach this is to add a custom class link-underline when you want the link to have an underline, then we can use this CSS to target them specifically:

.entry-content a.link-underline:hover {
    text-decoration: underline;
}

I'll give it a shot. One question: How do I add a custom class?

Hmm it depends. Are these stand-alone block/links or links within a paragraph block?

links within a paragraph block

Hi Peter,

this article explains how to add additional CSS class to blocks:
https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

Thanks. I'll check it out.

No Problem :)