Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #25059


    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.




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


    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;}


    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.

    //activates the hover effect for image links





    Please add this on your custom.css or Quick CSS

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




    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;




    Thanks rizzim for helping us out :)

    Best regards,



    Easiest way to disable the overlay in general:

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘How to Disable Image hover and Icon’ is closed to new replies.