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

Hover on social icons

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

Viewing 2 posts - 1 through 2 (of 2 total)
  • 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 :(


    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);

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

You must be logged in to reply to this topic.