K2 Image Zoom

Sep '13 Joomla Template
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
Tue Dec 08, 2015 12:36 pm
Reply with quote
Report this post
Hi,

I've created a page for my website called "Recent Work" which basically is just a list of items from K2 categories. The problem I'm having is when I hover over the images, the image zooms in and twists a little bit. It's a good idea but it doesn't really fit with my site and I would like to remove it but I can't find anywhere to do this.

Can somebody help?

Thanks
User avatar
Fresh Boarder

GK User
Tue Dec 08, 2015 4:55 pm
Reply with quote
Report this post
Could you please post an url to your site?
User avatar
Moderator

GK User
Tue Dec 08, 2015 10:25 pm
Reply with quote
Report this post
User avatar
Fresh Boarder

GK User
Wed Dec 09, 2015 12:57 am
Reply with quote
Report this post
I have figured out how to change this after looking through the CSS files.

This code was in k2.css:

Code: Select all
.itemImageBlock img:hover {
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
   opacity: 0.85
}


and to stop the animation I changed the values, to:

Code: Select all
.itemImageBlock img:hover {
   -webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
   -ms-transform: scale(1.0);
   -o-transform: scale(1.0);
   transform: scale(1.0);
   opacity: 1.00
}
User avatar
Fresh Boarder

GK User
Wed Dec 09, 2015 9:19 pm
Reply with quote
Report this post
I'm glad you have figured it out.
Is there anything else I can help you with regarding this topic?
User avatar
Moderator


cron
Remember me
Register New Account
If you are old Gavick user, click HERE for steps to retrieve your account.