How to disable image hover effect on a specific page ?

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
February 19, 2015 at 8:28 pm #399225

clementader
Participant

Hi Kriesi !

I’d like to disable the hover/icon effect on linked images, but only on the homepage.

I have read these topics but they deal with disabling the effect on the whole website :

https://kriesi.at/support/topic/how-to-disable-image-hover-and-icon/
https://kriesi.at/support/topic/how-can-i-disable-the-hover-effect-for-images/
https://kriesi.at/support/topic/enfold-theme-remove-hover-effect-on-video-and-linked-images/

Thanks !

EDIT : my website is http://www.clementader-lefilm.com/
(images are at the bottom of the page : social medais)

February 20, 2015 at 6:49 am #399457
Ismael
Moderator
Hey clementader!

Thank you for using Enfold.

You can try this:
```
.home .image-overlay-inside, .home .image-overlay.overlay-type-extern {
display: none !important;
}
```
Regards,
Ismael
February 20, 2015 at 2:10 pm #399627

clementader
Participant

Hi Ismael !

Thanks for your answer. It works,except for an image (Youtube logo).

February 20, 2015 at 2:21 pm #399639
Yigit
Keymaster
Hey!

Please add following code to Quick CSS as well
```
div#av_section_6 .image-overlay {
display: none!important;
}
```
Regards,
Yigit
February 20, 2015 at 2:23 pm #399642

clementader
Participant

Thanks Yigit, it works perfectly !!!

Best Regards,
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘How to disable image hover effect on a specific page ?’ is closed to new replies.