Zoom on mouse-over

**GK User** Tue Jan 06, 2015 3:37 pm Reply with quote Report this post

Hello,

when i use the NewsShow or a JoomlaBlog etc. the images get the slight zoom effect. Where can I change that (iether no mouse over action or play with black/white and full color on mouse over)?

Mike

**GK User** Tue Jan 06, 2015 8:12 pm Reply with quote Report this post

Hi,
you have to use this CSS style:

{
transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
-webkit-transform: none !important;
}

for each class where you don't want to have zoom effect.

**GK User** Tue Jan 06, 2015 8:17 pm Reply with quote Report this post

For example begin from EasyBlog:
#ezblog-body .easyblog-thumb-preview > img:hover, #ezblog-body .photo-source img:hover, #ezblog-body .blog-content p.photo-source img:hover, #ezblog-body ul.featured-entries .featured-image img:hover {
transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
-webkit-transform: none !important;
opacity: 1 !important;
}

It should remove zoom and opacity effect.
How to use custom CSS? Check my footer