Width and Height Slide Options Not Working as Intended?

[bechnokid]

Apologies if this question has been asked many times, but I've been at a loss regarding how to adjust the width and height of a slide container, and I haven't seen any answers that resolve the current issue I'm having.

Neither data-width="300px" nor data-glightbox='width: 300px' seem to do anything for any slides I'm working on.

I'll provide some screenshots as examples.

This is the original slide container.

This is the size that I want the slide container to be, which can only be done by adjusting the CSS.

I can definitely go into the code and make the changes myself, but I am wondering why this is considered a feature if it doesn't seem to work as intended. If there are any catches or caveats that I missed, please let me know.

[felixranesberger]

Same here 👍

[bechnokid]

It doesn't look like a solution has been found, so I provided a small workaround.

glightbox/dist/js/glightbox.js

Lines 1766 to 1772 in 3208784

	if (data.hasOwnProperty('_hasCustomWidth') && data._hasCustomWidth) {
	img.style.width = data.width;
	}
	if (data.hasOwnProperty('_hasCustomHeight') && data._hasCustomHeight) {
	img.style.height = data.height;
	}

Replace img with slideMedia. After applying this small change, I was able to adjust the width of the image in a slide. Height works a bit differently and requires some more work, but I think this is a good start.

Closing this out.