[Resolved] Underline the links only in body

[Victor Millan]

Hello! I am using the Rumour theme, and I am delighted with it, but I have a question about CSS.

I tried to underline the links and also add a hover effect. However, I want this to only happen in the body text of the post and pages. Not in the titles on the homepage or in the logo, as it happens now.

How can I make it only happen in the body of the text? If you notice the underline only happens correctly in the text, but the hover effect extends throughout all the web. This is the code that I used. Thank you very much.

.entry-content a {
text-decoration:none;
border-bottom: 1px solid #0DBE98;
box-shadow: inset 0 -4px 0 #0DBE98;
color: inherit;
transition: background 0.1s cubic-bezier(.33,.66,.66,1);
}

a:hover {
background: #0DBE98;
}

[Leo]

Hi there,

Change a:hover to .entry-content a:hover.

Let me know 🙂

[Victor Millan]

It’s work!

Thank you so much Leo!

[Leo]

No problem 🙂

[Author]

Posts