-
Posts
-
Hi,
I love Enfold theme but I get conflicts with Photo Gallery Plugin which I want to use for displaying masonry image galleries and lightbox. On masonry picture gallery Enfold adds some hover-effect that conflict with Picture Gallery. On hover the thumbnail increases in size and shows a white border – but only on the bottom of the thumbnail. On mouse-out the image stays a bit larger than original. How can I disable image gallery in Enfold theme altogether or at least disable the mouse-over and mouse-out effect? Many thanks in advance, DavidHey David_Peters,
Have you contacted the plugin developer?
What they have said about it?Best regards,
BasilisHi Basilis,
they (support at web-dorado.com) said there is a conflict between Enfold and Photo Gallery and I should deactivate gallery functionality in Enfold altogether. I sarched the forum but found nothing. Therefore I opened a new thread. I appreciate your help.
Best regards,
DavidHi,
Thank you for the update. Do you want to remove the default opacity and image overlay effect? Please use this css codes.
span[class^="bwg_masonry_thumb_spun"] { opacity: 1; } span[class^="bwg_masonry_thumb_spun"] .image-overlay { display: none !important }Best regards,
IsmaelHi Ismael,
thank you but the added CSS doesn’t change anything.
How can I disable masonry and gallery in Enfold altogether?
Thank you in advance,
DavidHi again,
I disabled the image hover effect altogether (by commenting out in avia.js the section called “hover effect for images”). So that did it :-) but now I have another problem: on mouseup (releasing the mouse button) the whole masonry shifts a bit to the right (around 3px). How can I adress this?
Thank you in advance,
DavidHi Victoria,
as mentioned before I disabled the image hover part in avia.js (lines 561-667) since it conflicts with Picture Gallery Plugin. I will install Enfold as child theme and see if that solves the issues. Many thanks in the meantime!
Cheers,
DavidHi,
sorry to bother support again, but after updating Enfold to 4.3, nothing did work as expected and I reverted back to version 4.2.3.
As mentioned before: How can I disable Enfold to handle ALL images? All images used on my website (mouse-effects like hover, overlays, galleries, lightbox, links…) should be taken care of by “Photo Gallery”-Plugin. I was able to switch it off by commenting out the part “hover effect for images” in avia.js, as mentioned in post #948025. Of course then I get Javascript-errors and every update overwrites avia.js. So this is not really a perfect solution.
The developer of “Photo Gallery”-Plugin mentioned there is a conflict between Enfold handling galleries and “Photo Gallery” and thus Enfold should be disabled to load gallery-plugin.
Help is very much appreciated.
Best regards,
DavidHi,
Do you have a staging or a dev site? We need to inspect the issue. Please note that we don’t provide support for third party plugins as stated on our support policy. You should contact the plugin author for additional help.
Best regards,
IsmaelHi Ismael,
of course you don’t provide support für other plugins. This is my dev site right now. I only started with two pages. So any changes can be applied freely. Looking forward to getting this to work :-)
Best regards,
DavidHi,
The previous page no longer exist. Please create a test page so that we can see the issue. And upgrade the theme from version 4.2.3 to version 4.3.1 to fix the script issues.
Best regards,
IsmaelHi,
We modified the js > avia.js file and disabled the avia_hover_effect function to remove the image overlay. We also disabled the page preload option and enabled the photo gallery lightbox. Please re-check the gallery pages. ( see private field )
The plugin’s lightbox feature doesn’t recognize the masonry element, unfortunately. Please ask the plugin author what css selector to use for the lightbox function to work.
Best regards,
IsmaelHi Ismael,
thanks a million!!!!
Now everything works allright.What do I do when Enfold gets another update? I suppose I simply change avia.js in the same manner as you did (commenting out line 83 thus disabling “smooth scrolling” avia_hover_effect(container); ) and check the options as you did, right?
Regarding linking lightbox to masonry: Right now I don’t need that feature but when I find out I will let you know :-)
Best regards,
DavidHi,
You can try load the avia.js file from a child theme
https://kriesi.at/support/topic/how-to-load-modified-avia-js-in-child-theme/
Use that and it can be solved to load the file from the child theme.
Best regards,
BasilisHi Basilis,
sorry for my late reply and thank you very much – and that goes to everyone at enfold-support – you guys are awesome! That deals with updates – and I can keep my modifications.
Best regards,
DavidHi David,
Great, thanks for the feedback and the kind words :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardHi Rikard,
sure – credit where credit is due, right?
As far as I’m concerned the topic can be closed.
Best regards,
David
- The topic ‘Enfold masonry and "Photo Gallery" Plugin’ is closed to new replies.