Joomla version 3.2.1
Using T3 Frameworks version 2.1.0 for my template
K2 Version 2.6.7

I imported all my previous Joomla articles and have begun replacing the images using K2's Media Manager. First, I tried using the existing path, then I tried uploading a new version of the photo through the Image tab.

When viewing in Category view the photo shows up just fine and in the proper width, but when I go to the item itself there is nothing but a caption where the photo should be. I've checked the source code and it reads:

I followed the path using my ftp program and the image exists.

I've checked all the Parameters the global setting, the category settings and even in the item settings and every button regarding images is set to "Yes." (Maybe I missed one??)

See for yourself at: newsite.foxterrierrescue.net/index.php/k2-catblog and click either Nancy or Peter Pan's articles.

Any help would be greatly appreciated.

Hi, I just looked at your website in google chrome and at first no pictures as you said but after looking at Nancy and Peter Pan again each page is now showing your images.

I just tried it using Safari and saw no photo. Went back to Firefox and no photo. Now get this: I disabled all the CSS and voila there's the photo.

Time to start digging into the CSS.

Hi !

Same problem for me with T3 and K2...
No problem with other templates, and the image is showing when css is disabled.

I'm really interested if you can find a solution.

I got this answer from the T3 Discussions section:

In bootstrap.less you have class .modal display: none Line: 5347 That is the problem.

modal {

display: none;


overflow-x: auto;
overflow-y: scroll;
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 1040;
}

And

...this is a conflict between bootstrap and .modal button.
You can fix by overwrite a.modal { .... } in custom.css

It took some digging, but I was able to fix the problem with custom CSS.

Thanks for your answer !

Could you please be more specific about the solution you found ?
I'm not very familiar with the use of the custom.css file, and I'm currently discovering the T3 power, but slowly :whistle:

Watch these videos . They're invaluable! She explains it far better than I ever could.

Thanks a lot !

I was digging in the custom.css from T3, not from K2.
I'll try with K2 now with a display not set to none...

Many thanks again for you time !

Just add to your template css this line:

span.itemImage a.modal {display: inherit; overflow: hidden; position: relative;}

It'll redefine bootstrap's modal class properties which makes img "dissapear".

Can you please explain more specifically how to fix this. I have been strruggling with this same issue for about a week and really need help.

Pithecanthropus wrote: I got this answer from the T3 Discussions section:

In bootstrap.less you have class .modal display: none Line: 5347 That is the problem.

modal {

display: none;


overflow-x: auto;
overflow-y: scroll;
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 1040;
}

And

...this is a conflict between bootstrap and .modal button.
You can fix by overwrite a.modal { .... } in custom.css

It took some digging, but I was able to fix the problem with custom CSS.