Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #565972

    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, 4 months ago by r2tall.
    #566436

    Hey r2tall,

    Glad you solved your problem and thanks for sharing the solution!

    Best regards,
    Rikard

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.