How to change hover color on Social Media ICONs

  • Resolved frank tredici

    (@frank13)


    8 years, 5 months ago

    I know you are using font-awesome on the social media icons. Is there a way through css or some other method to change the hover color of the buttons?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Anthony Hortin

    (@ahortin)

    Hi Frank.

    Adding the following to your child theme should do the trick

    .social-media-icons a:hover,
.social-media-icons a:active {
    color: #2997ab;
}

    Just change the color value to whatever you want

    Thread Starter frank tredici

    (@frank13)

    Thanks @AnthonyHortin but it’s the button’s background color I want to change

    Theme Author Anthony Hortin

    (@ahortin)

    That style will change the background color of the icon, on hover.

    If you have a look at the demo site, the icon is currently cyan when you hover over it. Changing that colour above will allow you to change it to another colour.

    Thread Starter frank tredici

    (@frank13)

    Oh cool, I did not know that. I was expecting a style such as background-color. I’ll give it a try and post back. Thanks @AnthonyHortin.

    Thread Starter frank tredici

    (@frank13)

    Perfect. Worked like a charm. the color style threw me. Thanks @AnthonyHortin.

    Theme Author Anthony Hortin

    (@ahortin)

    No probs. Glad it worked for you ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How to change hover color on Social Media ICONs’ is closed to new replies.