Tagged: , , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 8, 2014 at 8:25 pm #301800
    zerozendesign

    Hey guys, I have a gallery on my site and have the image height restrained, but the hover causes a bit of a mess. Please seem the mentioned site. The goal is to limit the image height so they are all the same and make sure the hover effect is also the same as the restricted image height.

    August 10, 2014 at 4:41 am #302138
    Josue

    Hi David!

    Try adding this:

    #top .avia-gallery .avia-gallery-thumb a:hover{
overflow: hidden;
}

    Regards,
    Josue

    August 10, 2014 at 5:04 am #302149
    zerozendesign

    Hey there Josue,

    Tried – no luck. Still showing an issue on hover.

    August 10, 2014 at 5:09 am #302151
    Josue

    Hey David!

    Discard my previous suggestion, instead change your code:

    .avia-gallery-thumb a {
max-height: 265px!important;
}

    to:

    .avia-gallery-thumb a img {
max-height: 265px!important;
}

    Cheers!
    Josue

    August 10, 2014 at 5:22 am #302158
    zerozendesign

    Perfect work! Really appreciate it Josue.

    August 10, 2014 at 5:23 am #302160
    Josue

    You are welcome, always glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enfold > Gallery > Limit image display size/hover effect’ is closed to new replies.