• 

  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

  #245339 Copied Theme version: 6.3.8

  3 Answers

  

  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

  #245345 Copied
  

  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?

  #245351 Copied
  

  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

  #245388 Copied