Remove image scaling (zoom) on hovering/mouse-over

Professional social WordPress theme with metro design, fully-adjustable grid widget and BuddyPress support.
GK User
Tue Jan 21, 2014 12:05 pm
Hi,

I want the remove the zooming animation on my Msocial wordpress site,
which happens when I hover over a picture. Then the image scaling changes.
I want to delete this animation.

But I can't seem to find a button anywhere to change this.

Should I put a code in the override.css ? If so, which one?

Thanks a lot!
User avatar
Fresh Boarder

GK User
Tue Jan 21, 2014 9:10 pm
Hi,

Yes, you have to add this code into css/override.css file:

Code: Select all
article figure.featured-image:hover img {
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
}
User avatar
Moderator

GK User
Wed Jan 22, 2014 9:03 am
Thanks! It worked :-)

But how do I remove the scaling/zooming with the pictures in the grid widget?
(the pictures that I have added to the post, that I show with a GK News Sho Pro)

:-) Thanks in advance.
User avatar
Fresh Boarder

GK User
Wed Jan 22, 2014 8:07 pm
Could you provide an URL to your website? (here or via PM)
User avatar
Moderator


cron