Tagged: , ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • March 30, 2015 at 10:25 am #420310
    ariane1001

    Hi,
    On this page: http://www.phoenixvc.nl/phcms/producten/lagers/
    You see on the left a Swingmetall logo, it’s linked and when you hover it a blue image overlay becomes visible.
    However, when you hover the Megi logo on the right, no image overlay is visible. (Firebug: element.style { display: none; })

    I have tried different things like copiing the swingmetall image, it will get the overlay, then change the image, any other image: overlay is gone. (Firebug: element.style { display: none; })

    What is going on? How can I get the image overlay on all images that are linked?
    Obviously it’s the ‘display:none;’ but how does the image get this display: none? I cannot find it.

    Thanks in advance,
    Ariane

    March 30, 2015 at 9:45 pm #420840
    Elliott

    Hey ariane1001!

    I think the image your using is a bit small. If you use a bigger image does it display? You can use this CSS to force it.

    .image-overlay { display: block !important; }

    You can see in the /enfold/js/avia.js on line 648 it checks if it’s above 100px.

    if(outerH > 100)

    Also, this is unrelated but your using Enfold 3.0.4 and the latest is 3.1.2 so you’ll want to update.

    Regards,
    Elliott

    April 7, 2015 at 11:51 am #424582
    ariane1001

    Hi,

    Thanks for your help, this worked.

    Cheers Ariane

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘image overlay working on some images but not all?’ is closed to new replies.