-
AuthorPosts
-
April 5, 2015 at 4:59 pm #423671
I have the paid Photo-Gallery plugin from web-dorado.
In all other themes i never had a issue, but with Enfold strange things are happening…
When you go over a image in the gallery or footer widget the images move around or even dissapair…
Also i get now a second lightbox,I want the lightbox from the plugin for the images from the gallery and the original lightbox for all others (if this is possible, else only the lightbox from the gallery plugin)
When you are logged in you can see it at:
http://www.marcelspijker.nl/frontpage/gallerie/traditioneel/
or
http://www.marcelspijker.nl/frontpage/gallerie/manipulatie/and in the footer.
I have removed the plugin and did a re-install, but did not helped.
I asked the people from the plug-in, but they say it is a theme related issue and the issues i have are not from the plugin.
So i am back here :).
- This topic was modified 9 years, 7 months ago by marcelspijker.
April 6, 2015 at 9:27 pm #424259Hi Marcel!
I have added following code to Style.css file of your child theme
#bwg_container1_2 #bwg_container2_2 .bwg_standart_thumbnails_2 a,#bwg_container1_3 #bwg_container2_3 .bwg_standart_thumbnails_3 a,#bwg_container1_1 #bwg_container2_1 .bwg_standart_thumbnails_1 a,#bwg_container1_0 #bwg_container2_0 .bwg_standart_thumbnails_0 a { display: inline-block!important; } #bwg_container1_0 #bwg_container2_0 .bwg_mosaic_thumbnails_0 a { overflow: visible!important; }
and following code to Functions.php file of your child theme
function add_gallery_sup(){ ?> <script> jQuery(window).load(function(){ jQuery('#bwg_container1_0 #bwg_container2_0 .bwg_mosaic_thumbnails_0 a').addClass('bwg_mosaic_thumb_0'); }); </script> <?php } add_action('wp_footer', 'add_gallery_sup');
Please review your website now :)
Regards,
YigitApril 7, 2015 at 6:51 pm #424887Hi, Thanks for taking the time to look in to this on Eastern!
So the images are now staying :)
But still some problems:
[1] When re-sizing the window, the images move to the right side of the screen. This should stay centered.The plugin is 100% responsive.
[2] When you hover over a image, the image should come to the front, now it stays behind other images.
[3] With some images there is the hover overlay from enfold instead from the gallery.
[4] There will be two light-boxes when you click on a image. I only want the light-box from gallery on the gallery images.Have a good day,
MArcel
April 8, 2015 at 10:01 pm #425623Hi!
1- Once i refresh the page after resizing the window, images are centered. Have you checked your website on an actual mobile device? It should work fine.
2 & 3 – I added following code to Style.css of your child themediv#bwg_mosaic_thumbnails_0 a:hover { z-index: 99999!important; } .bwp_gallery .image-overlay { display: none!important; }
4- Please go to Enfold/js/avia.js and around line 895 find following line
exclude : '.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added',
change it to
exclude : '.noLightbox, .noLightbox a, .fakeLightbox, .lightbox-added, .bwp_gallery a, #bwg_mosaic_thumbnails_0 a',
Regards,
YigitApril 8, 2015 at 10:38 pm #425632Hi Yigit,
With other themes the gallery would change directly when you re-size the window. You did not have to reload the page to get all centered again. Now when you re-size the window the images get moved, but also the original hover effect (icon) is back.
As long as you do not change the size of the window, the hovers are perfect :)
But after i had changed the JS line, there is no light-box at all… Only a blank page with the image on it.Marcel
April 9, 2015 at 5:22 pm #426082Hey!
Can you please undo the changes you made on avia.js file and post FTP access here privately so we can look into it?
Best regards,
YigitApril 9, 2015 at 7:11 pm #426150This reply has been marked as private.April 10, 2015 at 8:49 pm #426774Hey!
Check it now, i used another approach to hide the Enfold popup on the gallery page
.page-id-16 .mfp-bg, .page-id-16 .mfp-wrap { display: none !important; }
Regards,
JosueApril 10, 2015 at 10:02 pm #426805Thanks Josue,
But i still have the problem that when you make the browser even just a little smaller/bigger all goes wrong again.
The images are moved to the bottom or right side of the screen and you see the original hover again.
April 10, 2015 at 10:42 pm #426813Not sure if we’d be able to fix that but try adding this to Quick CSS or child style.css:
#bwg_container1_0 #bwg_container2_0 .bwg_mosaic_thumbnails_0{ position: static !important; }
Best regards,
JosueApril 10, 2015 at 11:03 pm #426821I have added it to the child style.css but did not work, then i tried to put it in the quick css but here also it does not work.
Also i have noticed that the movement and original hover also happens when you do a full screen lightbox and close it.Shouldn’t there be some way that this plugin works “right out of the box”?
Without all the small css changes? (Dont get me wrong, i really am grateful for all the support by you and your colleagues.)I really like the Gallery Plugin, and i never even thought that it would not work with the Enfold theme.
And as i have mentioned before, with other themes i never had a problem with this plugin, so didn’t expect this at all…The only thing that is keeping me now from setting the site live is the gallery… So i really hope that we can solve this.
April 15, 2015 at 11:53 am #428823Hey Marcel!
Normally, we do not provide support for 3rd party plugins as mentioned in scope section but i wanted to give it a shot. But now it seems like we are out of ideas and since plugin authors are not willing to help at all, i believe it would be the best if you hire a freelancer to take care of the incompatibility issues.
Cheers!
YigitApril 15, 2015 at 6:55 pm #429153Dear Yigit,
I understand completely, and as i mentioned before i really do appreciated the help from you and your colleges.
You can close this topic.
Thanks again for the help, and i will probably see you again in a future question post ;)
April 15, 2015 at 7:00 pm #429161 -
AuthorPosts
- The topic ‘Enfold & Photo Gallery plugin’ is closed to new replies.