CSS “text-decoration: none” to Remove Underlines for Hyperlinks Isn’t Working

  • Hi all.

    I’ve been trying to remove underlines for hyperlinks, by using CSS below:

    a {
text-decoration: none;
}

    The outcome didn’t really go well. Underlines still exist.

    The target has been attached to the ticket as a reference.

    Any one may give a hand to scan up and give out some useful tips, please?

    The page I need help with: [log in to see the link]

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

    (@addweb-solution-pvt-ltd)

    Hi,

    Try to overwrite base styling with below style by using a custom stylesheet. It’s working well for me.

    a:link, a:hover {
   text-decoration: none;
}
    Thread Starter Henry H.

    (@sirhenryhu)

    Hi @addweb-solution-pvt-ltd,

    Thank you for replying to me out here, but the lines provided have been already used in the Additional CSS section in the theme, instead of adding them in the StyleSheet. In fact, the StyleSheet way has been tried, too.

    Caches have been cleaned on both browser and WordPress, I even switch the browser to make sure it isn’t caused by caches. However, underlines still go with hyperlinks.

    Any idea/suggestion to try a little bit more to solve it out?

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Just add an !important behind the style and it will work.

    Thread Starter Henry H.

    (@sirhenryhu)

    Hi @addweb-solution-pvt-ltd,

    In case I didn’t get it wrong(thank you for understanding me not skilled in coding at all):

    Adding lines as following in the StyleSheet? –

    a:link , a:hover {
text-decoration: none;
} !important

    The lines are put in Additional CSS, should I move them to StyleSheet of Child’s Theme?

    • This reply was modified 6 years, 7 months ago by Henry H..
    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Let me write the required full code for you.

    a:link , a:hover {
    text-decoration: none!important;
}

    Yes, any additional style which you are using to overwrite default theming should be placed on child’s custom stylesheet. It will preserve original theming, and will also preserve your custom style at the time of theme or plugin updates.

    Thread Starter Henry H.

    (@sirhenryhu)

    Hi @addweb-solution-pvt-ltd,

    Thanks for your time.

    I tried to put the code in StyleSheet and Additional CSS in different shots, it still just didn’t work as expected to remove underlines for hyperlinks.

    That’s why I got so confused after I tried methods written by the others on other forums.

    Please let me know if you find anything else that might be helpful. Thank you again.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS “text-decoration: none” to Remove Underlines for Hyperlinks Isn’t Working’ is closed to new replies.