Change hover color for each icon in social menu

  • Resolved ezekielloves

    (@ezekielloves)


    7 years, 11 months ago

    I want the color of the social icons to change different on hover (for an authentic look).
    Example, facebook will show dark blue on hover, twitter will show sky blue on hover, pinterest will show red on hover.

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

  • Hello there,

    Add the following custom CSS to customize-> Additional CSS

    .social-menu li:hover a[href*="facebook.com"] {
    background: #3b5998;
}
.social-menu li:hover a[href*="twitter.com"] {
    background: #4099FF;
}
.social-menu li:hover a[href*="instagram.com"] {
    background: #3f729b;
}

    Hope it helps and let me know if you require any further assistance.

    Thread Starter ezekielloves

    (@ezekielloves)

    Thanks, Poonam ??

    Awesome, glad i could help ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change hover color for each icon in social menu’ is closed to new replies.