Reverse Social Icon Styling Hover Effect

  • Resolved brakebeat

    (@brakebeat)


    10 years, 7 months ago

    Is there an easy way to reverse the hover styling effect of the social media icons?

    For example, I’m using the “Citrus” color scheme. Is there a way to make (e.g.) the Facebook icon their standard branding blue, then have it change to Citrus upon hover?

    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Mr Case

    (@mr-case)

    10 years, 7 months ago

    can you provide a link to your site?

    Ben Ritner – Kadence WP

    (@britner)

    10 years, 7 months ago

    It takes a css override for example with facebook you would use css like this in your theme options > advanced settings:

    #containerfooter .virtue_social_widget .facebook_link, .virtue_social_widget .facebook_link{background:#3b5998;}
#containerfooter .virtue_social_widget .facebook_link:hover, .virtue_social_widget .facebook_link:hover {background:#F76A0C;}

    Kadence Themes

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Reverse Social Icon Styling Hover Effect’ is closed to new replies.