Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 24, 2014 at 6:20 pm #242230
    marijn

    I have a gallery consisting of 3 images on my homepage (visualradio.eu). When you mouse over the images there is an effect which I would like to disable as there is no action possible for the images. Right now it seems that something will happen when you click the images but this is not the case and not wanted.

    March 24, 2014 at 8:42 pm #242330
    Yigit

    Hey marijn!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .avia_transform .avia-gallery-thumb img { opacity: 1; }
.avia_transform .avia-gallery-thumb img.avia_start_animation {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none; }

    Regards,
    Yigit

    March 25, 2014 at 10:21 am #242615
    marijn

    Thanks for your reply Yigit, unfortunately nothing seems to change when I add the code to the quick CSS.

    March 25, 2014 at 5:35 pm #242872
    Yigit

    Hi!

    Please try adding !important rule as following

    .avia_transform .avia-gallery-thumb img { opacity: 1!important; }
.avia_transform .avia-gallery-thumb img.avia_start_animation {
-webkit-animation: none!important;
-moz-animation: none!important;
-o-animation: none!important;
animation: none !important; }

    Code works fine on my local installation even without !important rules. Please flush browser cache after applying the code. If adding the code to Quick CSS section does not work, try adding it to Custom.css file inside Enfold/Css folder as well

    Regards,
    Yigit

    April 9, 2014 at 11:19 am #249196
    marijn

    Hi Yigit,

    I have added the code to the quick css but it didnt work, I also added it to my custom css and flushed the browser. I tested both in chrome and in IE bot nothing seems to happen.

    I will drop my username/password below in case you want to check it out for yourself.

    April 9, 2014 at 11:21 am #249197
    marijn
    This reply has been marked as private.
    April 12, 2014 at 3:08 pm #250536
    Devin

    Hey!

    I think you mean the opacity change on the images which can be changed with:

    #top .avia-gallery .avia-gallery-thumb a:hover {
opacity: 1;
}

    Best regards,
    Devin

    April 14, 2014 at 9:24 am #250953
    marijn

    Thank you Devin, this was exactly what I meant and it worked like a charm. Thanks again!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Disable image effect for mouse over in gallery’ is closed to new replies.