Life . Science . Humor
Tuesday, 27 January 2015 15:50

Joomla k2 Modal conflict - image does not appear in article view

Written by
Rate this item
(5 votes)

There is a known bug in the Joomla component K2, with some templates and frameworks that make use of Twitter bootstrap the article image does not show in item view. The problem is that K2 uses the class "Modal" in order to make use of Joomla's modal capability, but the class is also used by bootstrap and this causes a conflict.

You can see in the  k2item.php template file that the span in itemImage has the class.

My issue was with a Joomlart.com template using the T3 framework.

Here how you can fix this K2 - boostrap conflict.

You can either:

  1. Make use of your framework custom.css and add the css code below to it.
  2. Create a Joomla override of the k2.css file. To do this copy k2.css from /components/com_k2/css/k2.css to your /templates/[yourtemplate]/css/k2.css

#k2Container a.modal {

display: inline-block;

position: relative;

top: auto;

left: 0px;

width: auto


Additionally you can make use of z-index. In my case I had an issue with the fixed menu bar having a z-index value of 100, so I adde a z-index value of 99 to the code above.

Read 11216 times

1 comment

  • Comment Link Manfaat Dan Khasiat Aneka Tumbuhan Alami Wednesday, 18 March 2015 02:49 posted by Manfaat Dan Khasiat Aneka Tumbuhan Alami

    I am curious to find out what blog platform you're using?
    I'm having some minor security issues with my latest blog and I'd like to
    find something more risk-free. Do you have any recommendations?

Leave a comment

Make sure you enter all the required information, indicated by an asterisk (*). HTML code is not allowed.


Twitter feed

« August 2018 »
Mon Tue Wed Thu Fri Sat Sun
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

Popular Articles