Underline links on hover

Hi there,

Try this CSS:

.inside-article a:hover {
    text-decoration: underline;
}

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

It works, thank you!

What if I would like to underline only links inside content and exclude blog post titles (h1, h2 etc)?

Hmm this instead:

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

Excellent, thank you!

There's only one last thing, I have buttons (https://docs.generatepress.com/article/adding-buttons/) and I would like also to exclude them, what should I do in this case?

Try this instead:

.entry-content a:not(.read-more):hover {
    text-decoration: underline;
}

This code works inside articles but not on the homepage, where I replaced the "Read More" link with buttons.

Any idea how to achieve the same also on the homepage?

Also, is it possible to change the "Read More" link to the top of the page?

Can you link me to the site?

Yes, sure it's still "under construction" but you can see the changes.

Adjusted the code above.

The code above unfortunately works for "read more" buttons in homepage, but not for other buttons placed inside articles, pages etc

Any idea how to remove the underline on every button and keep on other links?

Probably solved with the CSS

.inside-article a:not(.button.ghost):hover {
    text-decoration: underline;
}

What do you think?

Thank you

No, it remove underline on normal links :(

Hmm try:

.entry-content a:not(.read-more):not(.button):hover {
    text-decoration: underline;
}

Perfect, thank you!

Last question, is there a simple way to change "Read More" link to the whole blog post instead of the line where the more tag is placed?