Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #1809676
quickfinder icon hover
Closed

Comments

  •  1
    DiamondMich11 started the conversation

    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

  •  1
    DiamondMich11 replied

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

    -----------