How to resize the content in a lightbox
(I'm talking about opening internal links in a lightbox)
Thanks

Hello,

The following CSS rule can be added to "Custom CSS" parameter on "ARI Fancy Lightbox -> Settings -> Style" page to change lightbox size for all links which are opened into the lightbox:



Another solution is adding the following code to "Custom JS code" parameter on "ARI Fancy Lightbox -> Settings -> Advanced" page:



Regards,
ARI Soft

Hi,
I am really happy with using the fancybox lightbox. However, after moving a module to a child-theme suddenly the sizing of my lightbox is not working anymore.

Page: test.schasler.de/menschen/
Click on the image to open the lightbox.

Customization Code I use on the ARI Fancybox -> Settings -> Style Custom CSS field:

/*Set lightbox size*/
.fancybox-slide--iframe .fancybox-content {
width : 1000px;
height : 500 px;
max-width : 100%;
max-height : 100%;
margin: 0;
}
/*Set lightbox size on small screens*/
@media only screen and (max-width:1000px) {
.fancybox-slide--iframe .fancybox-content {
width : 500px;
height : 600px;
max-width : 100%;
max-height : 100%;
margin: 0;
}

Any hints would be appreciated!

Hello,

Try the following code:

/*Set lightbox size*/
.fancybox-slide--iframe .fancybox-content {
width : 1000px;
height : 500px !important;
max-width : 100%;
max-height : 100%;
margin: 0;
}
/*Set lightbox size on small screens*/
@media only screen and (max-width:1000px) {
.fancybox-slide--iframe .fancybox-content {
width : 500px;
height : 600px !important;
max-width : 100%;
max-height : 100%;
margin: 0;
}

Regards,
ARI Soft

Ohh, such an easy solution. Thanks for the quick help. It works perfectly!