Archived topic
Style all links on GP
26 replies · Started by Danny on April 11, 2018
Hi Tom,
Thank you very much for your time and patience. I want to move forward with the below code. How may I exclude it from underlining my buttons and menus?
/* underline links */
.entry-content a:not(.button) {
text-decoration: none;
}
.entry-content a:not(button):hover {
text-decoration: underline;
}
It should already exclude buttons, as long as they have the button class.
However, you're missing a period before button in the second block.
Hi Tom,
I had to revise the class name slightly, how do I exclude this menu item on my learn page?

Add this:
.entry-content .menu-item a:hover {
text-decoration: none;
}
Sweet, thanks Tom. It's working well. How may I apply same css to the footer links?
Try this:
.site-footer a:hover {
text-decoration: underline;
}
Works well, thank you again for your time and support.
You're welcome :)
Hey Tom,
I changed to a different class button. The button new button is underlined. How may I remove the underline please? I tried both (.button) and (.ee-button) in the below code.
/* underline links */
.entry-content a:not(.ee-button) {
text-decoration: none;
}
.entry-content a:not(.ee-button):hover {
text-decoration: underline;
}
.entry-content .menu-item a:hover {
text-decoration: none;
}
Try this selector: .ee-button-wrapper
Thanks, that was it.
You're welcome :)