Hello!

My screen resolution is 1366x768. Full image size is W 583px H 800px. When I click on its icon, it opens up, but it's still like 50% smaller, than it's full original size. From what I was told, people who has Full HD monitors (1920x1080) they see the image in its fullness. So it's probably responsive, depending on the monitor's size. Anyhow, I wish to cancel the responsiveness and re-sizing at all. So on every screen resolution (I'm not talking about mobiles here) one would get a full size image after clicking on its icon. Is there a way to achieve that?

Live Url please.
And if youre cancel the responsive for lightbox youre not able to close the lightbox and get problems with smaller screens.

I'd been given the CSS code which somehow fixed the issue more or less. So let me ask you a general question before we close this thread.
What makes images shrink in size in this template? Is it K2 parameters or something in the template itself (like some CSS code) or what?
Is there a way to cancel automatic image resizing template wide?

The lightbox image will be scaled automatically to 100% with 20px space to the screen
It is not a css code it was made with javascript..

First of all, thanks for your reply!

It's not an issue specifically about lightbox. I tried to insert a JPEG into an article (K2 item that is) and also the image was automatically scaled down TO FIT the space without stretching the template width. Which sometimes is useful, but sometimes is not. Sometimes you want your image to be in full size, regardless.
So my question is what exactly in this template makes images automatically shrink their original full sizes?

Hi there,
for responsive design we have to use the "img" class with 100% width.
If you want to override the width you have to use the img tag with an inline style code like this:

<img src=".png" alt="?" border="0" align="left" width="500px" height="600px" />