Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 19, 2013 at 7:24 pm #25059
    mj109

    Hi,

    I would like to disable the image hover and icon when I am using the Justified Image Grid plugin. And allow the hover and icon for normal media images.

    thanks,

    MJ

    June 19, 2013 at 11:34 pm #125646
    Steve

    I’d also be interested in removing image hover/arrow in all the images. Thanks.

    June 20, 2013 at 2:33 am #125647
    mj109

    So I added the code below and it removes the hover effect of the theme an allows the Justified Image Grid plugin hover effect default, but i still have the animated green dot and can not find a way to disable it. Please advise

    .image-overlay.overlay-type-extern .image-overlay-inside {

    display: none !important;

    }

    .image-overlay {

    background: none !important;}

    .image-overlay .image-overlay-inside:before {

    content: “” !important;}

    June 20, 2013 at 2:39 am #125648
    mj109

    I also commented out the lines below from avia.js, the result was positive on my home page however not on any other page. here is a link to the green dot I am speaking of. https://www.dropbox.com/s/v8e6codz94hi3il/Voila_Capture214.png

    //activates the hover effect for image links

    //if(jQuery.fn.avia_activate_hover_effect)

    //jQuery(container).avia_activate_hover_effect();

    June 20, 2013 at 6:22 am #125649
    Ismael

    Hi,

    Please add this on your custom.css or Quick CSS 

    .image-overlay-inside, .image-overlay.overlay-type-extern {
    
display: none;
    
}

    Regards,

    Ismael

    June 24, 2013 at 6:59 pm #125650
    rizzim

    Here is the solution to remove the overlay and icon from just justified image grid images

    .justified-image-grid .image-overlay-inside, .justified-image-grid .image-overlay.overlay-type-extern {

    display: none !important;

    }

    June 25, 2013 at 6:48 am #125651
    Dude

    Hi!

    Thanks rizzim for helping us out :)

    Best regards,

    Peter

    February 27, 2015 at 7:24 pm #403612
    Kriesi

    Easiest way to disable the overlay in general: http://kriesi.at/documentation/enfold/disable-css-overlay-on-images/

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to Disable Image hover and Icon’ is closed to new replies.