Need HTML/CSS customization support? Upgrade to CyberChimps Plus.

Hover on social icons

CyberChimps Forums Free Themes Support Forum Responsive Hover on social icons

This topic contains 1 reply, has 2 voices, and was last updated by  Thomas Oliver 3 years, 3 months ago.

  • Author
  • #112291


    Hi there,

    I have made a new set of social icons: colored and greyscale. The shown icons is the greyscaled, and I’d like a hover-effect to show the colored icon.


    I have tryed this

    #footer .twitter-icon{display: inline; margin: 1px; padding-left: 3px; height:24px; width:24px; background:transparent url('') center top no-repeat;}
    #footer .twitter-icon:hover {background-image: url('');}

    – without succes :(

  • #112359

    Thomas Oliver

    I’m not sure if it’s possible, but you can try something like:

    .instagram-icon img:hover {
    background-image: url(http://example.c0m/path/to/image.jpg);

You must be logged in to reply to this topic.