Page 1 of 1
Light Box Background
Posted: Fri Mar 22, 2019 9:41 pm
by pacstar
I'm trying to open a URL in a light box, which is the link to my sites shopping cart. But the background is black which does not work with the text color in the shopping cart.
Is there a way to make the background white so that the text shows up, or is linking a URL to a light box not workable?
Thanks
Re: Light Box Background
Posted: Sat Mar 23, 2019 7:28 am
by Pablo
Which lightbox are you using?
Each lightbox has its own settings.
For example, fancybox:
http://fancybox.net/api
If you have used fancyb
Re: Light Box Background
Posted: Sat Mar 23, 2019 8:00 pm
by pacstar
Pablo wrote: Sat Mar 23, 2019 7:28 am
Which lightbox are you using?
Each lightbox has its own settings.
For example, fancybox:
http://fancybox.net/api
If you have used fancyb
Pablo,
OK, so that's gonna make more questions. LOL
I just went to "Themeable Menu" > Edit (Selected link) > Open in a Lightbox … (for the Target)
So I guess from you answer... sounds like I'm Missing something.
Thanks
Re: Light Box Background
Posted: Sat Mar 23, 2019 10:04 pm
by Pablo
The lightbox for links can be set in the Page Properties.
The default lightbox is 'magnificpoup'. This lightbox does not support color customization via settings (only via styles).
Re: Light Box Background
Posted: Sat Mar 23, 2019 10:29 pm
by BaconFries
You can use the following to change the colour/color and the opacity. Note the default opacity is 0.8 if you wish it to be lower change the opacity as shown.
Insert in Page HTML between <head></head> tags*
Code: Select all
<style>
.mfp-bg {
background: #FFFFFF;
}
.mfp-bg {
opacity: 0.5;
}
</style>
Re: Light Box Background
Posted: Tue Mar 26, 2019 6:30 pm
by pacstar
BaconFries wrote: Sat Mar 23, 2019 10:29 pm
You can use the following to change the colour/color and the opacity. Note the default opacity is 0.8 if you wish it to be lower change the opacity as shown.
I tried that, but it didn't seem to work. It may have to do with my particular shopping cart.
But I switched the lightbox to prettyPhoto and that almost works and has a white background. But, is there a way to change the width of the prettyPhoto lightbox setting so scrolling side to side won't be necessary? I guess working with breakpoints will be necessary too.
Thanks
EDIT...
I think part of the issue is that the link I want to show in the lightbox is located in the master_frame . So when I change the "width" setting of "Open in a Light box" Settings, it doesn't transfer over to the actual page view.
Is it possible for that to work?
Re: Light Box Background
Posted: Tue Mar 26, 2019 6:37 pm
by Pablo
The available options for PrettyPhoto can be found here:
http://www.no-margin-for-errors.com/pro ... umentation
Although I don't think prettyPhoto supports responsive sizes.
Re: Light Box Background
Posted: Tue Mar 26, 2019 6:51 pm
by BaconFries
Re: Light Box Background
Posted: Tue Mar 26, 2019 6:57 pm
by pacstar
Thanks Pablo,
OK here's what I'm trying to do. It doesn't need to be exactly the same. But if you click on the "Shopping Cart" link in the upper right, I think you will see what I'm trying to accomplish and what the issue is.
https://www.pacificcoaststar.com/
Any suggestions to try?
Thanks
Re: Light Box Background
Posted: Tue Mar 26, 2019 7:25 pm
by Pablo
Did you try my suggestion?
http://www.no-margin-for-errors.com/pro ... umentation
default_width, default_height seems to be what you are looking for?
Re: Light Box Background
Posted: Tue Mar 26, 2019 8:52 pm
by pacstar
Where do I make changes from within WWB? I'm making changes in the Settings, but nothing seems to change. (or I make it so it doesn't work)
Re: Light Box Background
Posted: Tue Mar 26, 2019 8:55 pm
by pacstar
pacstar wrote: Tue Mar 26, 2019 8:52 pm
Where do I make changes from within WWB? I'm making changes in the Settings, but nothing seems to change. (or I make it so it doesn't work)
Pablo,
Nevermind… I figured it out!
Thanks
Re: Light Box Background
Posted: Tue Mar 26, 2019 9:20 pm
by pacstar
pacstar wrote: Tue Mar 26, 2019 8:55 pm
Where do I make changes from within WWB? I'm making changes in the Settings, but nothing seems to change. (or I make it so it doesn't work)
Pablo,
Is there a way to change the lightbox style on every page from magnificpoup to prettyPhoto without needing to go and change it page by page? I checked on Site Properties and Multi page Properties and didn't see it there.
Apparently if I want the shopping cart to appear that way it has to be changed to prettyPhoto on each page.
Thanks
Re: Light Box Background
Posted: Tue Mar 26, 2019 9:31 pm
by Pablo
I'm sorry, there is no option to globally change the lightbox.
Note that there are many other lightboxes available:
http://wysiwygwebbuilder.com/free_extras.html
Re: Light Box Background
Posted: Tue Mar 26, 2019 10:02 pm
by pacstar
OK.
I think one more question (for now). If I set the width and height, will the lightbox be responsive to breakpoints? ( I can't test it because we are making changes to the shopping cart page, and it's currently not responsive as it is)
Thanks
Re: Light Box Background
Posted: Wed Mar 27, 2019 6:57 am
by Pablo
If I set the width and height, will the lightbox be responsive to breakpoints?
prettyPhoto is not responsive.
The following lightboxes claim to be responsive:
venobox
tosrus
lightcase