• Resolved geegee07

    (@geegee07)


    Hi guys,

    please, can anybody tell me a css code for removing underline on hyperlinks / urls?
    And maybe add hover colour ?

    Will be great! Thanks! Gee

Viewing 6 replies - 1 through 6 (of 6 total)
  • AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Hello geegee07,

    Try below css code.

    //Remove Underline
    a {
      text-decoration: none;
    }
    
    //Add hover color effect
    a:hover {
      color: #e05757;
    }

    Hope this will helps you.

    Thanks.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    ^ The underline is applied through box shadow so that it can be animated. It not applied through the ‘text-decoration’ rule.

    Thread Starter geegee07

    (@geegee07)

    Thank you guys!

    I found already a solution and this code works perfect for me (I left the underline only on hover):

    .entry-content a {
        color: #008488;
        border: none;
        box-shadow: none;
    }
    
    .entry-content a:hover {
        color: #008488;
    }
    

    Where is the CSS box to enter the code?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In the “Additional CSS” section of the dashboard add this:

    
    .entry-content a {
        box-shadow: none;
    }
    

    https://codex.ww.wp.xz.cn/CSS#Custom_CSS_in_WordPress

    Thread Starter geegee07

    (@geegee07)

    WP – menu – appereance – custom CSS / additional CSS or over a plugin “Simple CSS”

    • This reply was modified 8 years, 1 month ago by geegee07.
Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Remove underline on hyperlink’ is closed to new replies.