Remove animated underline from buttons - by gmogames

This topic has 4 replies, 2 voices, and was last updated 5 years, 4 months ago ago by Rose Tyler

  • Avatar: gmogames
    gmogames
    Participant
    July 25, 2020 at 07:09

    Hi there,

    Apparently this theme has an animation underline that shows up when you hover on links, but this also is happening to buttons, is there a way to remove this? I cant find it anywhere.

    https://prnt.sc/to8qqs

    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 25, 2020 at 07:43

    Hello,

    Go to Theme Options > Theme Custom CSS > Desctop and change this code http://prntscr.com/to91wt
    to

    .footer-widgets .footer-widget a:not(.btn):hover:after {
        width: 100%;
    }

    Regards

    Avatar: gmogames
    gmogames
    Participant
    July 25, 2020 at 08:22

    Thank you, that worked, but now the regular links in the footer have no hover at all.

    I dont want the animated line, I wanted the links to change the color when hovered BUT I dont want to override that in there, I want the links to behave like the rest of the website links.

    They are currently being overriden in the kirki-inline-styles which are generated by the framework you used. How can I edit this css directly instead of having to override it?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    July 25, 2020 at 16:31

    Delete this code – http://prntscr.com/toeqj5 and just set the desired hover color via Theme Options > Footer > Footer styling > Footer Links > Hover

    Regards

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Remove animated underline from buttons’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.