Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • June 14, 2015 at 8:35 pm #459024
    mtdenvato

    Hi, I really like the arrow icon that appears over a portfolio grid image when hovered. However, it seems that when the grid images are too small, the icon will no longer appear.

    Is there a way to make sure this hover effect works no matter what the size of the grid images are?

    Thanks so much in advance!

    June 15, 2015 at 4:10 pm #459420
    Rikard

    Hey mtdenvato!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    June 15, 2015 at 10:03 pm #459714
    mtdenvato
    This reply has been marked as private.
    June 16, 2015 at 5:06 pm #460169
    Yigit

    Hey!

    Can you please try de-activating all active plugins and check if that helps?

    Best regards,
    Yigit

    June 16, 2015 at 6:06 pm #460240
    mtdenvato

    Only plugins are Akismet, Mailchimp, and Password Protected. Deactivating them did nothing.

    I’m thinking that there should be some CSS that could help with this problem – maybe something with the height & width of the hover icon.

    Let me know,
    Michael

    June 17, 2015 at 12:29 pm #460682
    Ismael

    Hey!

    I would like to check the test page but the password that you provided is not working. Please check.

    Cheers!
    Ismael

    June 17, 2015 at 5:52 pm #460891
    mtdenvato
    This reply has been marked as private.
    June 18, 2015 at 1:59 pm #461297
    Ismael

    Hey!

    I’m not sure why it’s not working on small images but do you really need images that small? It works for this one: h

    Maybe, you should use small images with that size.

    Best regards,
    Ismael

    June 18, 2015 at 7:02 pm #461515
    mtdenvato

    Yes, I do need images that small. That is, 4 columns in a 1/2 layout.
    I suppose I’ll let you know if I figure it out?

    Best,

    June 18, 2015 at 7:03 pm #461517
    mtdenvato
    This reply has been marked as private.
    June 19, 2015 at 1:45 pm #461854
    Ismael

    Hi!

    This is weird, the password above is not working again. What if you slighly increase the container width on General Layout > Dimensions > Maximum Container width option?

    Regards,
    Ismael

    June 19, 2015 at 7:12 pm #462095
    mtdenvato

    Ismael, no need to worry about the password. I’ve found the details of this problem outlined in this post: https://kriesi.at/support/topic/image-link-hover-issue/

    Sadly it seems there is no way to fix it in custom CSS, but instead I had to go into avia.js and change the line
    if(outerH > 100)
    to
    if(outerH > 0)
    Then add custom CSS to make the hover icon smaller so it doesn’t look weird on small images.

    Strange way of doing things for sure, but there it is.

    Thanks for your help, and let me know if you find a way to do this without modifying JS, but I’m patched up for now.

    Michael

    June 22, 2015 at 9:12 am #462490
    Rikard

    Hi!

    Glad you found a solution, please let us know if you should need any more help on the issue.

    Regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.