Deactivate the lightbox

[Sylvaine-ptak]

Hello,

I am using the punch theme and have a problem with the lightbox. I would like to deactivate the lightbox effect for my blog, but can’t make it work.

For instance, for my portfolio page, I went to:
portfolio -> [article] -> enable lightbox
and removed the tick. I did this for all items. However, the lightbox effect is still there.

Maybe what I am looking for is not the lightbox effect setting. When I move the mouse over an item, the other items fade out a little bit. I would like to have this effect deactivated.

The effect is on the main page. I am using wordpress 3.9.2.

Best regards,

S

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.overlay-shape li:hover figure > .item-mask {
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	-o-transform: scale(1) !important;
	transform: scale(1) !important;
}

Thanks 🙂
With Best Regards
Mohammad

[Sylvaine-ptak]

Thank you for your help. It was not quite what I needed, but it helped me to find the lines I needed to edit in the css.

Your Code deactivates the scaling in the lightbox effect, i.e. the item-mask does not scale when the mouse hovers over items.

What I needed was to deactivate the transparency effect, that dims elements, which are not in the focus of the mouse. I managed to deactivate this by using the following code that deactivates the transparency effect.

.overlay-shape:hover li, .no-shape:hover li, .related-items:hover li {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);	
}

Thanks again 🙂

[Mohammad – SUPPORT]

Hi,
I am glad that you managed to resolve the issue.
Thanks 🙂
With Best Regards
Mohammad