Disable/Remove Icon Box Hover Effect

roye209

Hi please, I have two issues,

1. I need to disable the Hover (bouncing effect) that the images and text in the icon box.  I tried this code that I saw on the comments page on Theme Forest (see below) but it didn't work. You can find my site here: http://ankararize.com/work/arservices/
2. Is it possible to place social media icons beside search icon? If so how?

Code

.icon_box:hover .icon_wrapper {
    transform: scale(1) !important;
}
.icon_box:hover .icon_wrapper::before, .icon_box a:hover .icon_wrapper::before { background: none !important; }
.icon_box:hover .icon_wrapper, .icon_box a:hover .icon_wrapper { color: #2991d6 !important; }

Bryan

Hello,
to change the hover efect (image going up)

.style-simple .icon_box:hover .image_wrapper img {
	top: 0 !important;
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

roye209

Thanks. That works but the text under it is still bouncing. How do I fix that? Thanks

Bryan

Try this

.style-simple .icon_box .desc_wrapper .title::before {
	display:none !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

roye209

Thanks. That works!