[Resolved] Style all links on GP

[Danny]

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;
}

[Tom]

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.

[Danny]

Hi Tom,

I had to revise the class name slightly, how do I exclude this menu item on my learn page?

[Tom]

Add this:

.entry-content .menu-item a:hover {
    text-decoration: none;
}

[Danny]

Sweet, thanks Tom. It’s working well. How may I apply same css to the footer links?

[Tom]

Try this:

.site-footer a:hover {
    text-decoration: underline;
}

[Danny]

Works well, thank you again for your time and support.

[Tom]

You’re welcome 🙂

[Danny]

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;
}

[Tom]

Try this selector: .ee-button-wrapper

[Danny]

Thanks, that was it.

[Tom]

You’re welcome 🙂

[Author]

Posts