Zoom Effect Related Items

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
Wed Oct 15, 2014 7:55 pm
Reply with quote
Report this post
We have successfully removed the zoom effect on all of our images except for the related items at the bottom of the articles.
Example here http://www.nwcatholic.org/news/internat ... od-history.
Can you help, thanks.
User avatar
Senior Boarder

GK User
Thu Oct 16, 2014 6:48 am
Reply with quote
Report this post
Please edit: /templates/gk_news2/css/override.css and add at its end:
Code: Select all
.itemRelImageWrap:hover img {
-webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
-moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
-ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
-o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
}

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Thu Oct 16, 2014 5:56 pm
Reply with quote
Report this post
Added the code and there is still and odd little jump on hover. Any ideas? Thanks.
User avatar
Senior Boarder

GK User
Mon Oct 20, 2014 4:30 pm
Reply with quote
Report this post
Please check this code instead:
Code: Select all
/* Remove zoom in related items */
.itemRelImageWrap:hover img {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
User avatar
Moderator


cron