[Resolved] Woocommerce Lightbox displaying two different sizes

[Author]

Posts

[samO]

I am trying to: Make the Lightbox images display the same size.

Link to a page where the issue can be seen: hidden link

I expected to see: I expected to see the Lightbox images to display the same size but the featured image is displaying bigger than the gallery images when clicked on.

Instead, I got: The two images are different sizes.

[Luo Yang]

Hello,

There isn't such a kind of feature within Toolset plugins, it needs custom codes, I have setup a demo in your website:
Dashboard-> Appearance-> Customize-> Additional CSS, and add below CSS codes:

.fancybox-opened{
	max-width:630px;
}
.fancybox-inner, .fancybox-inner img{
	max-width:600px;
	height:auto !important;
}

For your reference.

[samO]

Thanks that works great I have two more other questions. When it loads in the second image it loads it on the left and then snaps back to the right is there anyway I can stop that from happening? Also how can I bring the fancybox overlay in front of the header it appears to be behind parts of my header?

New threads created by Luo Yang and linked to this one are listed below:

https://toolset.com/forums/topic/split-woocommerce-lightbox-displaying-two-different-sizes/

[Luo Yang]

I assume the original question of this thread is resolved, for the new question, please check the new thread:
https://toolset.com/forums/topic/split-woocommerce-lightbox-displaying-two-different-sizes/