Hello, Please tell me how to deactivate the circle "tint" around the icon when it has a link. on hover. I am using a transparent png with an odd shape.
I actually need to swap out this image on hover but cant find a way to do it. The example has the white version - the other 3 have the green version. These should swap on mouse enter.
Hello, Please tell me how to deactivate the circle "tint" around the icon when it has a link. on hover. I am using a transparent png with an odd shape.
I actually need to swap out this image on hover but cant find a way to do it. The example has the white version - the other 3 have the green version. These should swap on mouse enter.
Please see image
Just incase anybody else is looking to remove the hover effect over a quickfinder icon. Here is my solution:
---------
.quickfinder-item-effect-image-scale .quickfinder-item-picture:after {
background: transparent;
content: none !important; /* THIS IS THE SOLUTION - content set to "none" */
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
/* these can be adjusted - replace "all" */
-o-transition: width 0.25s;
-webkit-transition: width 0.25s;
transition: width 0.25s;
-o-transition: height 0.25s;
-webkit-transition: height 0.25s;
transition: height 0.25s;
}
-----------