Zoom on mouse-over

Professional Joomla social template with metro design and JomSocial extension support.
Post a reply
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 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
User avatar
Junior Boarder
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.
User avatar
Platinum Boarder
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
User avatar
Platinum Boarder
Post a reply
cron