Hi all, per W3C standards, hyperlinks should be underlined in standard text throughout the website. Out of the box, Enfold does not underline paragraph or email hyperlinks.
Is there CSS to use to override the text-decoration:none you have on Base.css styles for all hyperlinks except for menus, buttons, and headings?
This selector is what’s driving the site now. I can’t seem to override it or manipulate it.
#top a:where(:not(.wp-element-button)) {
text-decoration: none;
}
Thanks!
Hi Daniel,
Can you try to add this CSS code in Enfold > General Styling > Quick CSS:
#top #wrap_all a {
text-decoration: underline;
}
#top #wrap_all .avia-button,
#top #wrap_all .main_menu a,
#top #wrap_all .sub_menu a,
#top #wrap_all h1 a,
#top #wrap_all h2 a,
#top #wrap_all h3 a,
#top #wrap_all h4 a,
#top #wrap_all h5 a,
#top #wrap_all h6 a {
text-decoration: none;
}
Let us know if it helps.
Best regards,
Nikko