Tagged: , , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 27, 2017 at 4:47 pm #882273
    sofa55

    I am using the enfold theme and the Photo gallery plugin. I have made a gallery with the plugin but when I hover over the image thumbnail them become much larger and after I stop hovering on them they stay the same size. each image in the gallery has a max-height: none !important; max-width: none !important; and when you disable that code in the chrome dev tools the hover effect stops. I disabled the enfold theme and that stopped the hover affect letting me know that it is the theme that’s causing the issues. If I could disable all of enfolds styling to the gallery that would be great but I mostly need help with the image hovers resizing issue.

    November 27, 2017 at 5:22 pm #882290
    Jordan Shannon

    Hey sofa55,

    Just to confirm, to DON’T want any hover effect at all? You seem to have added some custom css that has thrown of the format of the gallery as it appears to be operating kind of strange.

    Best regards,
    Jordan Shannon

    November 27, 2017 at 6:02 pm #882315
    sofa55

    I don’t want any of the enfold gallery effects but the gallery plugins effects are fine. I just removed all of my custom CSS so you can see it in its default state. Here is an example of what the gallery should look like and do: http://wpdemo.web-dorado.com/masonry-view/

    November 27, 2017 at 11:20 pm #882396
    Jordan Shannon

    Hi,

    Add the following to quick:

    .image-overlay .image-overlay-inside{
display:none!important;
}

span.image-overlay.overlay-type-image{
display:none!important;
}

    Best regards,
    Jordan Shannon

    November 28, 2017 at 5:21 pm #882768
    sofa55

    That worked for removing the image hover overlay but the issue with the images changing sizes on hover is still happening. Refer back to this link for what the gallery should look like and do: http://wpdemo.web-dorado.com/masonry-view/

    November 28, 2017 at 6:03 pm #882787
    Jordan Shannon

    Hi,

    Add this to quick css:

    .bwg_masonry_thumb_spun_0:hover{
-webkit-transform: scale(1,1)!important;
-moz-transform: scale(1,1)!important;
transform: scale(1,1)!important;
}

    Best regards,
    Jordan Shannon

    November 28, 2017 at 6:34 pm #882815
    sofa55

    That removed the lifting hover effect but when you hover over the image it still changes the height of the image as seen here: http://www.watersedgeevents.biz/image-galleries/facility/
    Is there a file that handles all of the gallery styles within enfold that I could disable instead of removing the enfold gallery styles one by one? Also if you are having trouble seeing the issue I could send a video or a few images of it occurring.

    November 28, 2017 at 6:41 pm #882818
    Jordan Shannon

    Hi,

    Yes please send a video, also if the photo gallery plugin is disabled, are those effects still occurring?

    Best regards,
    Jordan Shannon

    November 28, 2017 at 7:25 pm #882845
    sofa55

    The gallery is generated from that gallery plugin so if I disabled it then there would be no gallery however when enfold is deactivated but the gallery plugin is active then it works fine. Here is the video link https://drive.google.com/file/d/18ukYx0_O0FSjEcEklUHdaIL3_E85Mq8Z/view

    November 28, 2017 at 11:23 pm #882921
    sofa55

    I have found a solution to my problem. The CSS that was conflicting with the gallery plugin was a max-width none !important and max-height none !important. That would cause them to become full-sized but the x-axis overflow was being hidden so it looked like only the height was changing. I fixed it by adding height auto !important and width 100% !important so that the image would keep its original ratio. thank you for your help Jordan.

    November 29, 2017 at 3:50 pm #883076
    Victoria

    Hi sofa55,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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