[Support request] Underline Links only in Main Content

[Marius]

Hello,

I want to underline links only in the main content.
I have tried this css:

.content-area .site-main p a {
    text-decoration: underline;
}

But then, the Read More Buttons and the Breadcrumbs are underlined as well.
Also the Links in the Amazon Boxes should not be underlined.

Which CSS should I use?

[David]

Hi there.

try:

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

The entry-content is div around your post content. So it won’t affect archive pages, or content outside of there.

[Marius]

Hi David,

aha, that works great. Thanks. I remember the code for my other pages.

Just for understanding: This also means that the meta links under the article are not in the post content?

[David]

Thats correct. The entry-content is just what you add in the Post Editor 🙂

[Author]

Posts