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

Hover on social icons

Home Forums Free Themes Support ForumHover on social icons ResponsiveHover on social icons Hover on social icons

This topic contains 1 reply, has 2 voices, and was last updated by  Thomas Oliver 4 years, 9 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.