Iconbox - Hovereffect [Icon Box hover effect]

axml1984 · February 2017

Hey...

I changed the color of my infoboxes on www.dein-mathecoach.de/konzept succesfully.

But how can i modify the hover-effect, so that there will be no more hover effct?

And how can i delete this grey shadow around the iconbox?

Is it also possible to change the bordercolor of iconboxes?

Thanks for your help

Alex

Albert · February 2017

Hi Alex,

to remove hover effect from Icon Box item completely, you need to use the following custom css:

.icon_box:hover .icon_wrapper::before, .icon_box a:hover .icon_wrapper::before { 
    background-color: transparent !important; 
}
.icon_box .icon_wrapper { 
    box-shadow: 0 0 0 0 !important; 
    border: 0 !important; 
}
.icon_box:hover .icon_wrapper {
    transform: 1 !important;
}

axml1984 · February 2017

Perfect... Everything works.

One last question: How can remove the jumping back of the icon box while hovering?

Merci

Alex

www.dein-mathecoach.de/konzept

Albert · February 2017

To remove this effect, use:

.icon_box:hover .icon_wrapper {
    transform: none !important;
}

axml1984 · February 2017

Thanks :-)

Albert · February 2017

You're welcome!

kayvan · June 2017

Hello, how to remove a effect on gallery's images: I am using the following codes:

[gallery size="full" link="file" columns="2" ids="1950" ]

Thanks,

k1

Bryan · June 2017

Hello,

you can find all of our gallery style here: http://themes.muffingroup.com/be/theme/pages/gallery/

thanks

kayvan · June 2017

Thanks, but all of them has hover effect. I would like to remove the hover effect.

Thanks,

K1

Bryan · June 2017

Then please send us a link to your page and point to where the gallery is.

kayvan · June 2017

Here is the link: main page: http://julianadesign.com/projects and each projects like: http://julianadesign.com/projects/boho-chic-mill-valley

Thanks,

K1

Bryan · June 2017

Try this css

.image_frame .image_wrapper img:not(.ls-l) {
	transform:scale(1.1) !important;
}

thanks

jorgediro · September 2017

Hi! Trying to remove the hover effect in the icon_box, but the above code doesn't seem to work.

Bryan · September 2017

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co
thanks

Iconbox - Hovereffect [Icon Box hover effect]

Comments