Light Box Background

pacstar · Post by **pacstar** » Fri Mar 22, 2019 9:41 pm

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

Post by **Pablo** » 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

pacstar · Post by **pacstar** » Sat Mar 23, 2019 8:00 pm

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

Post by **Pablo** » Sat Mar 23, 2019 10:04 pm

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).

BaconFries · Post by **BaconFries** » 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.
Insert in Page HTML between <head></head> tags*

Code: Select all

<style>
.mfp-bg {
    background: #FFFFFF;
}
.mfp-bg {
    opacity: 0.5;
}
</style>

pacstar · Post by **pacstar** » Tue Mar 26, 2019 6:30 pm

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?

Post by **Pablo** » Tue Mar 26, 2019 6:37 pm

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.

BaconFries · Post by **BaconFries** » Tue Mar 26, 2019 6:51 pm

See the following urls that may help making prettyPhoto responsive. Note I haven't tried or tested any.
http://misha.beshkin.lv/howto-to-fix-he ... oto-popup/
https://goodlayers.ticksy.com/article/2070/
https://www.iceablethemes.com/forums/to ... le-device/
https://stackoverflow.com/questions/239 ... responsive

pacstar · Post by **pacstar** » Tue Mar 26, 2019 6:57 pm

Pablo wrote: Tue Mar 26, 2019 6:37 pm 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.

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

Post by **Pablo** » Tue Mar 26, 2019 7:25 pm

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?

pacstar · Post by **pacstar** » Tue Mar 26, 2019 8:52 pm

Pablo wrote: Tue Mar 26, 2019 7:25 pm 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?

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)

pacstar · Post by **pacstar** » Tue Mar 26, 2019 8:55 pm

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

pacstar · Post by **pacstar** » Tue Mar 26, 2019 9:20 pm

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

Post by **Pablo** » Tue Mar 26, 2019 9:31 pm

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

pacstar · Post by **pacstar** » Tue Mar 26, 2019 10:02 pm

Pablo wrote: Tue Mar 26, 2019 9:31 pm 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

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

Post by **Pablo** » Wed Mar 27, 2019 6:57 am

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

www.wysiwygwebbuilder.com

Light Box Background

Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background

Re: Light Box Background