k2 image enlarge effect

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Sun Feb 01, 2015 12:54 pm
Reply with quote
Report this post
Hello,

how can I disable the k2 image on hover enlarge? I don't like it very much...

I tried to do like this: https://www.gavick.com/documentation/jo ... box-effect

but it didn't work...

I also tried to locate the relative css with chrome item inspector... but i didn't manage...

I also would like to disable the image click lightbox

Thanks
User avatar
Expert Boarder

GK User
Sun Feb 01, 2015 7:15 pm
Reply with quote
Report this post
Hi,
this tip was created only for modules.
not K2 items.

Read this: https://www.gavick.com/forums/news2-joo ... ages-43096
User avatar
Platinum Boarder

GK User
Mon Feb 02, 2015 1:03 pm
Reply with quote
Report this post
Hello,

thanks,

I put on override.css both (override is enabled on template settings):

.itemImageBlock img { transform: none !important; transition:none; }

.itemImageBlock img:hover { transform: none !important; }

But I stll have the k2 items images zooming effect

I'll send you via PM both site link (still under development) and access

Thanks in avance for your help
User avatar
Expert Boarder

GK User
Mon Feb 02, 2015 4:25 pm
Reply with quote
Report this post
Woups... sorry...

I did not realize that for a strange reason the override.css file did not updated after I edited it to add the ".itemImageBlock img:hover { transform: none !important; }" code... it got 444 permission for some strange reason and the FTP did not loaded it, but I did not realize immediately...

I managed now to correctly edit the css file and now the image enlarge is fixed...

Thanks for your help and sorry for any inconvenience...
User avatar
Expert Boarder

GK User
Mon Feb 02, 2015 4:45 pm
Reply with quote
Report this post
PS... how can I disable also the "fading" image effect?
User avatar
Expert Boarder

GK User
Mon Feb 02, 2015 4:53 pm
Reply with quote
Report this post
For NSP module:
Code: Select all
.nspArt .nspImageWrapper img {opacity: 1 !important; }

and for all images:
Code: Select all
img:hover { opacity: 1 !important; }
User avatar
Platinum Boarder


cron