Bike Store Offers Module - Turn Off Animation

Amazing responsive, mobile ready VirtueMart e-commerce Joomla template
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 Oct 07, 2013 8:24 pm
Reply with quote
Report this post
For some reason I cannot turn off the picture animation when you hover over an image in the offers gallery module - this is a news show pro module. My module is set to the responsive news gallery.
You can change the animations, however you cannot turn it off.

Is there any way to do this?
User avatar
Senior Boarder

GK User
Mon Oct 07, 2013 8:45 pm
Reply with quote
Report this post
You mean this zoom icon on hover or the image scale ?
User avatar
Platinum Boarder

GK User
Wed Oct 09, 2013 1:55 am
Reply with quote
Report this post
bkrztuk wrote:You mean this zoom icon on hover or the image scale ?


The image scale when you hover over the image
User avatar
Senior Boarder

GK User
Wed Oct 09, 2013 10:45 am
Reply with quote
Report this post
Please add this code to override.css file in root/templates/gk_template_name/css directory :
Code: Select all
.nspMainPortalMode5 .nspArt:hover .nspImageGallery img {
        -webkit-transform: scale(1) rotate(0);
   -moz-transform: scale(1) rotate(0);
   -ms-transform: scale(1) rotate(0);
   -o-transform: scale(1) rotate(0);
   transform: scale(1) rotate(0);
}

and then just remember to enable "Use override CSS" option in template advanced settings tab.
User avatar
Platinum Boarder

GK User
Wed Oct 09, 2013 3:15 pm
Reply with quote
Report this post
bkrztuk wrote:Please add this code to override.css file in root/templates/gk_template_name/css directory :
Code: Select all
.nspMainPortalMode5 .nspArt:hover .nspImageGallery img {
        -webkit-transform: scale(1) rotate(0);
   -moz-transform: scale(1) rotate(0);
   -ms-transform: scale(1) rotate(0);
   -o-transform: scale(1) rotate(0);
   transform: scale(1) rotate(0);
}

and then just remember to enable "Use override CSS" option in template advanced settings tab.


Thank you very much! :)
User avatar
Senior Boarder


cron