Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 15, 2014 at 6:29 pm #210182
    dpilling

    Please refer to http://www.meritagefunds.com/our-portfolio/

    Only one of the images shows the link arrow when you hover over it. See “Diveo” logo mid-page. None of the other logos show this when I hover. I appreciate any thoughts as to why this might be the case.

    January 16, 2014 at 6:37 am #210488
    Yigit

    Hey dpilling!

    Please try deactivating all active plugins and recreating the sections ( on a test page maybe ) and check if that helps. If not, please try updating Enfold to version 2.4.5 and WordPress to 3.8
    http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Cheers!
    Yigit

    January 16, 2014 at 7:01 am #210507
    dpilling

    Thanks Yigit,

    I created a test page and replicated the issue. I’m wondering if image size has something to do with it. Does the hover effect only apply on images that exceed certain dimensions? The one image on the page that shows the hover effect is the largest.

    January 16, 2014 at 7:34 am #210515
    Ismael

    Hi!

    I’m not really sure why the image overlay appear on the logo but you can add this on Quick CSS to remove it:

    .avia_image.avia-builder-el-32.avia-builder-el-no-sibling.avia-align-center .image-overlay {
    display: none !important;
}

    Cheers!
    Ismael

    January 16, 2014 at 8:04 am #210531
    dpilling

    Hi Ismael. I don’t want to remove the overlay. Rather, I want the hover link overlay to work for all of the images on that page. Any thoughts on how to make it work for all images on that page, all of which reference an internal link.

    January 16, 2014 at 10:25 am #210600
    Dude

    Hi!

    The overlay won’t work on images with a height of 100px or smaller images. The reason is that the icon would overlap the image and then it doesn’t look good. You have three options:

    1) Resize the images and make sure that the image height is at least 101px.

    2) Modify the overlay script and deactivate the height check – then the overlay might look distorted though. Open up enfold/js/avia.js and replace

    
if(current.outerHeight() > 100)

    with

    
if(current.outerHeight() > 30)

    3) Stick with the current design/layout.

    Cheers!
    Peter

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Image Link Hover Issue’ is closed to new replies.