K2 images

I have a problem with this template and K2 pictures make me very very large I set the overall size of the images entengo a problem with this template and K2 pictures make me very very large I set the overall size of the images in K2, but you continued showing them great. please help

Template force image for 100% with of container to avoid problems with smaller screen resolutions. Could you provide me URL to your website so I'll be able to prepare for you custom CSS?

thank you very much for answering now working locally on my computer, looking on the Internet I found a similar one of your templates problem, the solution was to eliminate this code "width: 100% important;" this problem is already solved. thank you very much

. itemImageBlock img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: auto;
max-width: 100%;
padding: 0;
-webkit-transition: all .18 s linear;
-moz-transition: all .18 s linear;
-ms-transition: all .18 s linear;
-o-transition: all .18 s linear;
transition: all .18 s linear;
width: 100% important;!

Yes this is solution but please check the result on smaller screens, for tablet/mobile css files you probably need to add max-width: 100% rule.

thank you very much for responding, I'll get it

hi,

the same problem for me too. k2 images are simply out of control

http://www.pcmart.com.sg/index.php/top- ... 5-lte.html

please help me with the path to the correct css file and which line of code to change

thanks

Hi thambi
the path to follow is:
templates/gk_storebox/css/k2
locates the following code

. itemImageBlock img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: auto;
max-width: 100%;
padding: 0;
-webkit-transition: all .18 s linear;
-moz-transition: all .18 s linear;
-ms-transition: all .18 s linear;
-o-transition: all .18 s linear;
transition: all .18 s linear;
width: 100% important;!

remove "width: 100% important;!"
I hope I've helped

hi salmonete40
very much indebted for your help. works like a charm.
thank you very much

Hi thambi
the path to follow is:
templates/gk_storebox/css/k2
locates the following code

. itemImageBlock img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: auto;
max-width: 100%;
padding: 0;
-webkit-transition: all .18 s linear;
-moz-transition: all .18 s linear;
-ms-transition: all .18 s linear;
-o-transition: all .18 s linear;
transition: all .18 s linear;
width: 100% important;!

remove "width: 100% important;!"
I hope I've helped

is nothing, I will be the headaches this causes.

Removing 100% width is solution for this issue but leave at least rule max-width: 100% to avoid problems on mobile mode with big images.

I had similar problem with image and I remove "100% width" in css-file. The image of article decreased but it displays like in separate window (not in article body). What should I do to correct this?

http://sport-meal.ru/k2/k2-categories/n ... otein.html

In your case the problem with some 3rd party extension. The bootstrap styles are loaded and cause this problem with K2, if you disable bootstrap.css it should resolve your problem.