Hi,

Image shows in display category, however - when I click on the image to go into the item I get the text etc, but the image no longer shows....

Checked all the various settings and Image is set to show in all the various options for both Categories and items...

You can see it here - www.the-belstens.co.uk - click on the About Us Menu. No need to login etc.

Many thanks!

Matt

Hello Matt,

You need to double check your category's settings and make sure you are not hiding the image in the item view.

Hi Matt, it is not a problem with K2. Your template is on T3 framework, there is a small issue with modal class in css.

Make custom.css and comment out display: none and position: fixed

.modal {
/* display: none; */
overflow: auto;
overflow-y: scroll;
/* position: fixed; */
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;

Thanks for the replies guys!

Krikor - double, triple and quadruple checked all settings everywhere!

Zdenek - I am a complete beginner when it comes to CSS. Which directory should I put the custom.css file in (TS or K2 CSS Folders) and when you say :

"comment out display: none and position: fixed"

Can you give me a little more instruction?

Many thanks guys!

Matt

Make custom.css file in folder -> /templates/purity_iii/css/

Put inside this:
.modal {
display: normal;
position: static;
}

Make sure you put the custom.css in right folder and name it custom.css! ;-)

Hi,

That made no difference - sorry!

created a custom.css file put this into it:

.modal {
display: normal;
position: static;
}

put it in the purityiii/css folder

Any ideas?

Regards,

Matt

Sorry Matt, my mistake. Display is inline, display: inline; not normal. It will work 100% I tested it on firebug.

Fantastic - works like a dream!

Thanks for the help guys :)

Matt

I ran into this same problem with a T3 template from JoomlaBamboo and I tried the code that was suggested and it 'almost' worked. It is very close! I am hoping somebody might have a bit of additional code for me.

The problem I have is that now the images do work but they now cover over the top of a sticky navigation menu.

Here is an example page:
gmf.cloudaccess.net/surfaces/showers/glass-tile-showers/item/27-matching-glass-tile-showers

If you scroll down on the page you will see that the image goes on top of instead of behind the sticky navigation.

Here is the code I added to my custom.css file:

/*-- Fix K2 Item images not displaying --*/
.modal {
display: inline;
position: static;
}

This problem exists with T3 v 2.3.2 and also with v 2.4.1

This is not the same issue.
Your's is a template issue. You need to add #zenkit in front of .modal eg.

#zenkit .modal { ...