Want underlined links in main body and footer, but not socket and buttons

EDIT: Solved problem myself for now. Maybe not the best solution but works for me. Solution at bottom. You can close thread or delete.

======================

Hi there, I’ve found several snippets of code on your forums as solutions, but when I try to combine them, things cancel out.

So this is what I want:
1. Page Title text: no underline
2. Main body: underline all text links (keep underlined on hover) and change text color on hover… EXCEPT on the buttons.
2. Footer: underline all text links (keep underlined on hover) and change text color on hover.
3. Socket: underline text links on hover only

The page I’m linking to has everything work as I want, except I can’t remove the underline and text color hover change on the button.

Earlier, I tried your recommended snippets like below, but I could never get all my preferences #1-#4 to work, because either the page titles were also underlined, or socket links were underlined, etc.

#main a {text-decoration:underline !important;}
and
#top .av_inherit_color a.avia-button {text-decoration: none;}

======================

EDIT: My own solution for now to remove underline from buttons but keep elsewhere.

.avia-button.avia-size-x-large {text-decoration: none !important} /* for x-large buttons */
.avia-button.avia-size-large {text-decoration: none !important} /* for large buttons */
.avia-button.avia-size-medium {text-decoration: none !important } /* for medium buttons */
.avia-button.avia-size-small {text-decoration: none !important } /* for small buttons */

• This topic was modified 8 years, 11 months ago by r2tall.