Hello,
I have two windows I’m opening with ?iframe=true. One window takes credit card info, the other window is a survey. Right now they both open in the default lightbox size. Is there a way to change the size for each window ? Thanks !
Hi bibbitybop!
Thank you for using Enfold.
Please provide a link to the page with the lightbox. We will have to inspect it.
Best regards,
Ismael
Here’s the link to the page:
See the two links in the welcome box. Thanks !
Hey!
I’m sorry for the delay. The size of the lightbox container can be adjusted but not for individual lightbox link. This will be applied to all lightbox links:
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 1600px;
}
.mfp-iframe-scaler {
padding-top: 56.25%;
}
If the links are located on different pages, we can set the size individually.
Regards,
Ismael
Thanks ! You were looking at a test page. In reality the links will be located on different pages. Could you provide the code, or provide instructions on how to make it work on different pages ? Thanks again.
Hey!
You can use following code
.page-id-59 .mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 1600px;
}
.page-id-59 .mfp-iframe-scaler {
padding-top: 56.25%;
}
and replace page ID to match your pages ID
Regards,
Yigit
Thanks !