Resize lightbox media

Design help General
1

how can I set the lightbox media output size to bigger?

here’s a sample screenshot photo:

image
image1366×768 273 KB

2

Hi,

You cannot manually control the size of the lightbox image. You would need to upload a higher resolution image for it to display larger.

2 Likes
3

so basically it’s the image resolution that’s causing the small output? , because if i resize the image to higher resolution it will lose some clarity and will cause to blur image output.

is there any way to resize the lightbox, or any hack.?

4

Hi,

I have just worked out a hack - which you can use, but I would recommend against. You can insert this code into the <head> part of your web page, obviously changing the ‘100px’ and 200px’ to your desired size:

<style>
.w-lightbox-image {
width: 100px !important;
height: 200px !important;
}
</style>

I would recommend against doing this however, as the image may appear distorted or poor quality. The best thing to do is to find a higher resolution image that displays larger. But this little code does the trick if you’re unable to use a higher res image!

I hope this helps!

1 Like
5

thank you for that.
I’m hoping this will work or I’ll just let the small one LOL.

1 Like