[Resolved] Underline the links only in body

Home Forums Support Underline the links only in body

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #959934
    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;
    }

    #960351
    Leo
    Staff
    Customer Support

    Hi there,

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

    Let me know 🙂

    #960842
    Victor Millan

    It’s work!

    Thank you so much Leo!

    #961233
    Leo
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.