Lightbox sizing

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
Rodders
 
 
Posts: 25
Joined: Tue Apr 14, 2020 7:12 pm

Lightbox sizing

Post by Rodders »

Hi, I'm currently building a site in version 18 and struggling with one function I'd like to use. Basically I will have between 10 and 20 images on a single page, I want each one of these to link to a slideshow which will appear in a lightbox, either using a conveyor belt or Ken Burns style box. I have got this working okay by putting each slideshow on a sep page, creating the link with "open in a lightbox" and it works well, however the lightbox is quite small and I cannot seem to increase the size. I have read about using fancybox and altering the settings and tried this but nothing changed - the page property is set as fancybox. Anyone know if I can change the lightbox size, or have a suggestion for an alternative method of displaying the slideshows?
Cheers
User avatar
Pablo
 
Posts: 22489
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Lightbox sizing

Post by Pablo »

There are many different (third party) lightboxes, so maybe you can find one that suits your needs?
https://wysiwygwebbuilder.com/lightboxes.html
Rodders
 
 
Posts: 25
Joined: Tue Apr 14, 2020 7:12 pm

Re: Lightbox sizing

Post by Rodders »

Thanks Pablo I think that I'll probably have to. What I'd created was exactly what I was after, just needed the lightbox about 20% larger!
User avatar
rogerl
 
 
Posts: 202
Joined: Tue May 03, 2016 8:24 am

Re: Lightbox sizing

Post by rogerl »

There is a settings tab next to where you select open in lightbox and select fancybox then in the settings tab insert:

Code: Select all

width : 1287,
height : 720
where the numbers relate to your sizing.
If that won't override default try the important option i.e.:

Code: Select all

width : 1287 !important,
height : 720 !important
Post Reply