light box settings

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
Jerry
 
 
Posts: 159
Joined: Fri Dec 02, 2016 10:13 am

light box settings

Post by Jerry » Sun Dec 29, 2019 3:18 pm

Hi all

I have a link that opens up a lightbox. Example: https://www.edesignsplans.ca/temp/2-storey_2016971.html ( READ MORE )
Under page properties/Miscellaneous "Lightbox" set to Fancybox.
Under the Link settings I have the link to open a page in the project, Target as "open in a Light Box" and settings width:748, height:500
All works fine but is there a way to have the contents of the lightbox to be centered or to fill the the box?
I have looked in the forum but I can't seem to find an answer.
What am I doing wrong?
Thank you in advance
Jerry

User avatar
Pablo
 
Posts: 22194
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: light box settings

Post by Pablo » Sun Dec 29, 2019 3:29 pm

To change the layout of the content in the lighbox, you will have to edit the page you are displaying.

Jerry
 
 
Posts: 159
Joined: Fri Dec 02, 2016 10:13 am

Re: light box settings

Post by Jerry » Sun Dec 29, 2019 3:49 pm

Thank you for your quick reply

I Think I have it figured out.
Thanks much

Jerry
 
 
Posts: 159
Joined: Fri Dec 02, 2016 10:13 am

Re: light box settings

Post by Jerry » Sun Dec 29, 2019 6:53 pm

I have another question on this topic..
In this temp page that I am experimenting with https://www.edesignsplans.ca/temp/2-storey_2010491.html
With the link "READ MORE" the light boxes works ok in all my break points except when in 375 (My smallest).
I can move the contents within the box around when using a smartphone. But that does not happen when I flip the phone horizontally.
Is there any way too prevent this from happening?
Thank you again

User avatar
Pablo
 
Posts: 22194
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: light box settings

Post by Pablo » Sun Dec 29, 2019 9:44 pm

If there is a scrollbar at the bottom of the page then this means that the content is wider than the viewport.
Note that on smaller screens, the width of the lightbox content is smaller than 375.

Jerry
 
 
Posts: 159
Joined: Fri Dec 02, 2016 10:13 am

Re: light box settings

Post by Jerry » Sun Dec 29, 2019 11:27 pm

Solved...
I figured it out... Maybe this will helps someone else.
I changed my smallest breakpoints on that one page from 375 to 300.
My content is at 280 wide.
In the light box settings I have
width:600,
height:650
And now all the light boxes fit for the text in all the break points.
I hope this makes sense.

Post Reply