changing hover 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
Mon Jul 16, 2012 1:09 am
Reply with quote
Report this post
Hi all,

how do I get the hover effect like in the demo ("Fashion" template)?.

I downloaded and installed the template only. I see gkstuff.css is loaded on page but effect is not applied to the images. How do I achieve that? And can I apply that effect on picture/item/category basis via override.css?

Best regards.
Bjoern
User avatar
Fresh Boarder

Konrad M
Fri Jul 20, 2012 12:02 pm
Reply with quote
Report this post
Hi,
Can you give us ulr to your site. This should work becasue it is css rules. Can you explain a little more where you want use it by adding css code to override.css file ?
User avatar

GK User
Tue Feb 12, 2013 6:41 pm
Reply with quote
Report this post
Hello Konrad M

I would like to ask if we could change the way the hover effect is made.
For example if we can reduce the zoom effect on the pictures while hovering over.
Can we have this effect on certain articles, or is it globally?
And also if there is an option to disable this effect.

Br,
User avatar
Junior Boarder

GK User
Wed Feb 13, 2013 3:07 pm
Reply with quote
Report this post
Hello,

I found where I can change the Zoom and angle which we can edit to our own request.
It is in gk.stuff.css
Line 230 .nspImageWrapper:hover
transform: scale(1.2) rotate(-5deg);

Just need to change the 1.2 which is for the zoom and -5 for the angle.

Br,
User avatar
Junior Boarder


cron