We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Muggsy Lauer
  2. General Discussion
  3. Saturday, 22 February 2014
  4.  Subscribe via email
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 to K2 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:

<div class="itemImageBlock">

<span class="itemImage">
<a class="modal" title="Click to preview image" href="/media/k2/items/cache/c10c64c27e0606d1654b81b9bb482558_XL.jpg" rel="{handler: 'image'}"></a>
</span>
<!--

Image caption

-->
<span class="itemImageCaption"></span>
<div class="clr"></div>

</div>


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

I've checked all the Parameters in the global settings, 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: http://newsite.foxterrierrescue.net/index.php/k2-catblog and click either Nancy or Peter Pan's articles.

Finally, I disabled all the CSS and I could see the image, and when I tried the front end using a different template, I could see the image. So the problem is somewhere in the guts of T3, but I just can't find it (there's so much to wade through).

Any help would be greatly appreciated.
Comment
There are no comments made yet.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Zdeněk Štěpánek,

Yes, this is a conflict between bootstrap and .modal button.
You can fix by overwrite a.modal { .... } in custom.css
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
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;
}
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Muggsy Lauer,
First excuse my language is not English. This text I translated with google.

I saw that you could solve the problem of the main image of a K2 article in modal window (http://newsite.foxterrierrescue.net/index.php/adoption/urgent-needs-dogs/item/34-bozley).

I have the same problem. I appreciate that could indicate how you solved the problem.

Thank you.
Attachments (3)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
I would also really like to know how I can fix this. I put a new "a.model" class in the "custom.css" but the problem still exists and I have no idea how to fix it. Which attribute has to be added to the "custom.css"?

Regards,
SR
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.