Slide Show Hover Opacity « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Slide Show Hover Opacity

11 posts from 4 voices

Tags:

ashlandwebsites
Member

Hi

I would like the slideshow to not fade when hovered. How can I accomplish this?

Thanks
David

Posted 5 months ago #
Nick
Moderator
Hi,

Please try adding this
```
#top .lightbox_video, #top .lightbox_image, #top .image_overlay_effect, #top .image_overlay_effect_inside {
position: initial !important;
}
```
to the bottom of your quick css or to the bottom of your custom.css file.

This is likely to affect the entire site. If you provide a link on your site to the specific page where you want the slider to not 'fade' on hover I can customize the code better.

Thanks,

Nick
Posted 5 months ago #
ashlandwebsites
Member

Thanks Nick!

That worked for Chrome, but not Firefox. Here is the url:
http://www.dreamweavingdesigns.com/

Thanks so much
David

Posted 5 months ago #

Ismael
Moderator

Hi,

Try to add this on your custom.css

.lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside {
    display: none !important;
}

Regards,
Ismael

Posted 5 months ago #

ashlandwebsites
Member

Thanks, That did it.

David

Posted 5 months ago #
JoeLamari
Member

Is it possible to have the magnifying glass without the overlay?

Thanks Joe

Posted 5 months ago #
Nick
Moderator
Hi,

Should be able to show the glass by itself.

The last css that Ismael gave works on 4 classes. So one of them is the glass. Please change it like this perhaps:
```
.lightbox_video, .lightbox_image, .image_overlay_effect {
    display: none !important;
}
```
Thanks,

Nick
Posted 5 months ago #
JoeLamari
Member

Hi Nick,
Thanks for the response.
Looks like the glass is part of the overlay. I think I tried all combinations.
Any other ideas?
Regards,
Joe

Posted 5 months ago #

Nick
Moderator

Hi Joe,

I have lots of ideas. My next one is experimental.

Please remove

.lightbox_video, .lightbox_image, .image_overlay_effect, .image_overlay_effect_inside {
    display: none !important;
}

and instead add

#top .image_overlay_effect.lightbox_image {
background-color: rgba(255, 255, 255, 0) !important;
}

I can only test in Chrome, thus I said its experimental.

Thanks,

Nick

Posted 5 months ago #

JoeLamari
Member

Hi Nick,

Your experiment also works with Firefox and Safari!!!

You guys are the best support around.

Thanks again,
Joe

Posted 5 months ago #
Nick
Moderator

Thanks Joe! We do our best. We are here if you need us again.

Thanks,

Nick

Posted 5 months ago #