-
Posted in : TheBlogger
-
Hello!
I would like to know if it is possible to replace the default lightbox with an alternative like photoswipe from Dmitry Semenov?
The reason why I’d like to replace the default one is because I don’t like what it does to my photos on mobile viewing. It makes my photos way too small. I like photoswipe because people are able to make it full screen as if they were viewing the photos from the phone’s camera roll.
I’ve tried plugins that supposedly replaces the default lightbox but unfortunately that didn’t work out.
I know that this is a theme more for bloggers and not photographers and I probably should have gone with your Photographer theme but I really liked the options in this theme more. I spent so much time trying to configure this theme to make it work for my photography, but it’s just not working out the way I’ve hoped.
I just want my photos to look good on mobile and desktop and no offense but the built in lightbox is not that good on mobile.
Any help would be greatly appreciated. I really don’t want to waste more money on buying another theme. I really like this theme you made, its excellent. One of my favorites I ever used. Thanks.
Hi nerwin,
Please go to appearance > customize > general > layout > activate mobile zoom.
When you activate the mobile zoom feature, photos with the lightbox can be zoom in when you check it via your mobile phone. I think you can solve this problem with this way. We have not tested the theme yet with the plugin you mentioned. Style files may be flickering. Could you tell me if you solve the problem?
ThanksI checked and it’s already enabled.
The lightbox works on mobile, it just makes the photos too small for viewing in my opinion whereas photoswipe shows them nice and big. I guess if you were viewing it on a tablet it would be okay but even on my Galaxy S7 the photos are just tiny. It’s OKAY when viewing vertical but once you go horizontal its small. Too small for me.
It’s not a HUGE deal, I’ve seen worse. But I suppose I could live with it…if I could at least change the color of the lightbox. I’m not very keen on the blueish/grey transparent color on the background of the lightbox. Can this easily be changed to a black or white color?
Hi,
We might consider turning the lightbox feature on and off.
You can use this custom css code;div.mfp-bg { background: #000; }Thanks
I actually ended up figuring it out, it wasn’t too hard.
Besides changing the background color, I had to also change some of the text color too.
The hardest part of it was modifying the svg skin file for the Lightbox so the controls would be visible but I just used notepad++ to find and replace white color with a black color and it worked perfect.
I think it would be kind of nice to let users decide if they want to use their own lightbox or the built in one, or just turn it off altogether.
Also, perhaps making a light and dark settings for it in the customizer, that might be pretty cool.
The only problem I’m currently having is trying to get the black preloader gif to load instead of the white one.
All I’m simply doing is replacing the “loading-light.gif” with “loading.gif” since there was already a black version in the same folder.
.mfp-preloader {background: url(../images/bckg/loading.gif) center center no-repeat;}I’m not exactly sure what I am doing wrong? I thought the background css urls need to have questions but when I add them, it just goes back to loading the white ones.
My website isn’t 100% done yet, but you can check it out. http://nickerwin.com
Well I managed to get it to work doing this:
.mfp-preloader { width: 24px; height: 24px; opacity: 1; margin: 0 auto; background: url("http://nickerwin.com/wp-content/themes/theblogger/images/bckg/loading.gif") center center no-repeat; background-size: 24px 24px; };Apparently I coulden’t just edit that one line, I had to add the whole thing in the custom css to make to make it work right.
You must be logged in and have valid license to reply to this topic.