Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

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

    -----------