Hello Happy New Year

I have a problem with my template. I use joomla 3.4.8 & k2 2.6.9 and when i publish content i cannt see image. I put Item image and i can see it back end but from front i cant. If i change template to default joomla! Beez or Protostar it work ok. what is the promblem?
See this article : www.athens-dayandnight.gr/more/taxidia/proorismos-zakunthos
See this category: www.athens-dayandnight.gr/more/teleutaia-nea
To work my site with K2 ok i put the Item image again into the text(article) before pagebrake.
Can anyone help me
Thank you

If is working with the default template, then the issue lies with the template.

You need to address this issue to the template's developer.

Hello

the template's developer close the site and is not exist anymore ( to kleisane to magazaki). Thats why i right here if anyone know how i can fix it.
The template have 2 css , one is template.css and the other style css. I dont know witch of them i must to check and what i must to looking for.
What i must to search to fix in the css files?
thank you

I 'm sorry to hear that. You 're in a tough spot indeed.
It's not in the css file most likely. You need to download the latest version of K2 and compare the files (use the comments to locate the image block) with your template and apply the changes.

The same applies to all issues of your template.

In order to locate your template's overrides you need to read this post first www.joomlaworks.net/blog/item/194-k2-inheritance-sub-templating

Hello
i try and this you suggest me but nothing.

This is the style.css from my template. inside have for k2 this:


/* K2

---

*/



div.itemHeader h2.itemTitle {

border-bottom: 1px solid;

}

.gkTabsWrap.vertical ol {

border-bottom: 3px solid;

}

.gkTabsWrap.vertical ol li:hover,

.gkTabsWrap.vertical ol li.active,

.gkTabsWrap.horizontal ol li:hover,

.gkTabsWrap.horizontal ol li.active{

text-shadow: none !important;

}

.gkTabsWrap.vertical ol li:hover, .gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li:hover, .gkTabsWrap.horizontal ol li.active {

color: #FFFFFF !important;

text-shadow: none!important;

}

div.k2Pagination ul li {

display: inline;

padding: 5px 8px;

}

#k2Container,#content {

padding:0px 10px 20px;

}

#k2Container .componentheading{

display: none;

}

#k2Container .modal{

display: none;

}

div.k2SearchBlock form input.inputbox {

border-radius: 0 0 0 0;

box-shadow: none;

margin-top: 15px;

}

.itemAuthorName a{

display: block;

text-indent: -9000px;

}

div.itemFullText img ,div.itemAuthorBlock img.itemAuthorAvatar{

padding-bottom: 20px;

}

div.catItemIntroText img,div.userItemIntroText img,div.tagItemIntroText img {

display: block;

padding-bottom: 20px;

padding-top: 35px;

text-align: center;

}

div.catItemHeader span.catItemAuthor{

display: none;

}

div.itemCommentsForm h3 {

margin-left: 15px;

}

#submitCommentButton{

margin-left: 20px !important;

padding-right: 17px !important;

}

div.itemBody {

margin-top: 15px;

}

div.itemToolbar {

background: none repeat scroll 0 0 transparent;

border-bottom: medium none;

border-top: medium none;

margin: 5px 0 0;

padding: 2px 0;

}



div.itemToolbar ul li a#fontIncrease img,div.itemToolbar ul li a#fontDecrease img{

background-position: 0 0;

}

#k2Container .itemTitle,div.tagItemHeader h2.tagItemTitle,

#k2Container .itemTitle,div.tagItemHeader h2.tagItemTitle a,

div.userItemHeader h3.userItemTitle,

div.userItemHeader h3.userItemTitle a,div.catItemHeader h3.catItemTitle,

div.catItemHeader h3.catItemTitle a,

div.genericItemHeader h2.genericItemTitle,

div.genericItemHeader h2.genericItemTitle a,

div.catItemHeader span.catItemAuthor a{

color: #555;

display: block;

font-size: 18px;

height: 100%;

line-height: 30px;

padding: 0;

width: 100%;

font-weight: bold;

}

#k2Container .itemAuthor,#k2Container .itemToolbar{

font-family: arial;

font-size: 12px;



}

#k2Container .itemImageBlock {

display: none;

}

#k2Container .itemIntroText p,

#k2Container .itemIntroText p span,

#k2Container .itemFullText p,

#k2Container .itemFullText p span,

div.tagItemIntroText p,

div.tagItemIntroText p span,

.catItemIntroText span,

.catItemIntroText p span,

.genericItemIntroText p,

.genericItemIntroText p span{

font-family: arial!important;

font-size: 13px!important;

color: #777!important;

}

div.catItemImageBlock,

span.genericItemImage img {

display: none;

}

#k2Container .itemRatingBlock{

padding: 0;

}

span.userItemImage img{

border: medium none;

margin-top: 15px;

padding: 0;

}

#k2Container .post-data > span:first-child{

margin-left: 15px;

}

#k2Container .post-data > span {

float: left;

margin: 0 5px;

}



#k2Container .post-data {

background: none repeat scroll 0 0 rgba(0, 0, 0, 0.01);

height: 7px;

margin-left: 5px;

margin-top: 6px;

padding-bottom: 15px;

}

#k2Container .post-data i{

color: #999;

text-shadow: 0 1px 0 #fff;

}

div.catItemTagsBlock ul.catItemTags li {

color: #999;

text-shadow: 0 1px 0 #fff;

}

#k2Container .post-data .userItemDateCreated,

#k2Container .post-data .itemAuthor,

#k2Container .post-data > span a.itemCommentsLink{

color: #848484;

font-size: 12px;

font-weight: normal;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);

}

div.itemAuthorLatest ul li a,

a.itemRelTitle,div.itemNavigation a.itemPrevious,

div.itemNavigation a.itemNext,

span.itemHits,.catItemTitle a{

color: #555;

font-size: 12px;

font-weight: normal !important;

margin-left: 15px;

}

.itemRatingForm {

display: block;

float: left;

line-height: 25px;

margin-top: 0;

vertical-align: middle;

}

div.itemTagsBlock ul.itemTags i{

color: #848484;

}

#k2Container .itemIntroText{

margin: 0;

padding: 0;

}

#k2Container img:hover{

opacity:0.75;

cursor: pointer;

}

#k2Container .itemHeader span.itemAuthor a,

div.tagItemCategory a,div.userItemCategory a,

div.catItemCategory a,div.catItemReadMore a,

div.genericItemCategory a,div.genericItemReadMore,

div.genericItemReadMore a{

color: #848484;

font-size: 13px;

font-weight: bold;

}

div.tagItemReadMore a,div.userItemReadMore a,

.itemAuthor a{

color: #959595;

font-size: 13px;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);

}



#itemListLinks h4,

div.catItemCategory span,div.catItemTagsBlock span,

div.genericItemCategory span{

color: #848484;

font-size: 13px;

font-weight: normal;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);

}

div.catItemTagsBlock ul.catItemTags li a,

div.userItemTagsBlock ul.userItemTags li a,div.itemTagsBlock ul.itemTags li a,

.itemTags a,.itemCategory a,.userItemTags i{

color: #848484;

font-size: 13px;

font-weight: normal;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);

}

div.catItemTagsBlock ul.catItemTags li a,

div.userItemTagsBlock ul.userItemTags li a,

div.itemTagsBlock ul.itemTags li a,.itemTags a,

.userItemTags i{

background: url("../images/ic-tag-r.png") repeat-x scroll 0 0 transparent;

border-radius: 0 4px 4px 0;

line-height: 26px;

margin-left: 19px;

padding: 5px 10px 5px 4px;

}

.itemAuthorLatest h3,

.itemTagsBlock span,

.itemRelated h3,

.itemCommentsForm h3,

div.itemCategory span,

div.itemNavigation span.itemNavigationTitle,

div.userItemCategory span,

div.userItemTagsBlock span,

div.tagItemCategory span,div.genericItemIntroText p,

div.genericItemIntroText p span,

.hd-left .catItemCommentsLink{

color: #444;

font-size: 12px;

font-weight: normal!important;

padding: 0 4px 0 0;

}

div.itemCommentsForm form input#submitCommentButton{

border: medium none

}

.catItemView h3{

font-size: 13px;

height: 15px;

line-height: 16px;

margin: 5px 0 5px 15px;

}

.k2Pagination .pagination {

margin: 5px 0;

}

.k2Pagination .pagination a,.k2Pagination .pagination strong{

border: 1px solid #eee;

color: #848484;

margin: 0 1px;

padding: 0 10px;

}

div.itemTagsBlock ul.itemTags li{

background: url("../images/ic-tag.png") no-repeat scroll 0 0 transparent;

color: #555555;

display: block;

float: right;

font-size: 13px !important;

line-height: 25px;

margin: 1px;

}

.gt-tag .k2TagCloudBlock a{

background: none repeat scroll 0 0 #2D2D2D;

color: #848484;

font-size: 12px !important;

margin: 1px;

padding: 5px 10px;

}

div.k2TagCloudBlock {

padding: 5px 0;

}

div.itemComments,div.itemTagsBlock,

div.userItemTagsBlock,

div.itemListCategory,div.catItemTagsBlock,

div#itemListLinks{

background: url("../images/bg-wavegrid.png") repeat scroll 0 0 transparent;

border: none;

}

div.itemTagsBlock,div.itemCategory,

div.userItemTagsBlock,div.userItemCategory,

div.userItemCommentsLink,div.catItemCategory,

div.catItemTagsBlock,div.itemView,

div.genericItemView,div.itemComments ul.itemCommentsList li{

border: none;

}

div.itemCommentsForm p.itemCommentsFormNotes,

div.itemCommentsForm form label.formComment,

div.itemCommentsForm form label.formName,

div.itemCommentsForm form input#submitCommentButton,

div.itemCommentsForm form label.formEmail,

div.itemCommentsForm form label.formUrl{

font-size: 13px;

padding-left: 15px;

}



div.itemCommentsForm form input.inputbox,

div.itemCommentsForm form textarea.inputbox{

font-size: 12px;

box-shadow:none;

margin-left: 30px;

width: 89%;

}

.k2Avatar img{

display: block;

height: auto !important;

margin: 2px 10px 4px 0;

width: 50px !important;

}

div.itemBackToTop,span.itemDateModified,

div.itemContentFooter,div.tagItemImageBlock,

div.userItemCommentsLink,div.catItemCommentsLink{

display: none;

}

div.itemAuthorBlock,div.userBlock{

background: none repeat scroll 0 0 transparent;

border: medium none;

width: 80px;

}

.itemAuthorLatest .even,.itemAuthorLatest .odd,

.itemRelated .even,.itemRelated .odd,

div.itemNavigation,.itemCommentsList .even,.itemCommentsList .odd{

background: transparent;

border: none;

}

div.itemListCategory h2 {

font-size: 20px;

text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);

}

div.itemListCategory img{

background: transparent;

border: none;

}

div.catItemCategory {

border:none;

padding: 10px 0;

}

span.tagItemImage img {

border: none;

padding: 0;

}

.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li{

border-radius: 0 0 0 0 !important;

text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) !important;

}



div.k2CategoriesListBlock ul li {

border-bottom: 1px solid #F1F1F1;

color: #444;

line-height: 35px;

}

.gt-archives .k2ArchivesBlock ul li{

border-bottom: 1px solid rgba(255, 255, 255, 0.08);

line-height: 30px;

}

.gt-archives .k2ArchivesBlock ul li:last-child{

border-bottom: none;

}

.gt-archives .k2ArchivesBlock ul li a{

color: #555;

font-size: 13px;

text-decoration: none;

}

.gt-archives .k2ArchivesBlock ul {

margin-top: -5px;

}

div.k2LatestCommentsBlock ul li span.lcComment,div.itemComments ul.itemCommentsList li p{

color: #848484;

font-size: 12px;

}

div.k2LatestCommentsBlock ul li span.lcUsername,

div.itemComments ul.itemCommentsList li span.commentAuthorName,.itemCommentsCounter {

color: #848484;

font-size: 12px;



}

div.itemHeader .post-data,.genericItemHeader .post-data,

.tagItemList .post-data, .itemListLeading .post-data,

.userItemHeader .post-data{

margin-top: 5px !important;

}

.itemListPrimary .post-data{

margin-top: 25px !important;

}

div.itemCommentsForm p.itemCommentsFormNotes {

background: url("../images/bg_commentline.png") repeat-x scroll 0 -1px transparent;

border-top: medium none;

padding-top: 5px;

}

div.k2LatestCommentsBlock ul li.lastItem {

width: 110%;

}

div.k2LatestCommentsBlock ul li a {

color: #555;

padding-right: 8px;

}

div.k2LatestCommentsBlock ul li span.lcCommentDate,

div.itemComments ul.itemCommentsList li span.commentDate{

color: #848484;

font-size: 10px;

font-weight: normal;

}

.lcItemTitle a,div.k2LatestCommentsBlock ul li span.lcItemTitle,

div.k2LatestCommentsBlock ul li span.lcItemCategory{

display:none;

color:#999;

font-size: 12px;



}



div.itemComments ul.itemCommentsList li img{

padding-right: 8px;

}

#tab-1 .even{

background: none;

}

div.k2LatestCommentsBlock ul li{

height: 60px;

margin-bottom: 20px;

}

.hd-left{

height: 56px;

padding: 7px 7px 0;

position: absolute;

width: 77px;

}

.hd-right{

padding-left: 105px;

}

.hd-left .itemDate {

padding: 5px;

position: absolute;

top: 5px;

overflow: hidden;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-o-border-radius: 3px;

-ms-border-radius: 3px;

-khtml-border-radius: 3px;

border-radius: 3px;

width: 65px;

}



.hd-left .catItemCommentsLink {

border: 0 none;

opacity: 0.75;

position: absolute;

top: 36px;

width: 120px;

display: block;

}

.hd-left .itemDate .date {

color: #fff;

display: block;

float: left;

font-size: 160%;

font-weight: bold;

line-height: 20px;

margin-right: 5px;

text-align: center;

text-shadow: none !important;

text-transform: uppercase;

}

div.itemIntroText img {

margin-top: 15px;

}

div.itemToolbar ul li a.itemPrintLink span,

div.itemToolbar ul li a span,div.itemToolbar ul li a,

div.itemToolbar ul li {

color: #555;

}

.hd-left .itemDate .month, .k2-latest .itemDate .year {

color: #fff;

display: block;

font-size: 64%;

letter-spacing: 1px;

line-height: 1;

padding: 1px 0;

text-align: center;

text-transform: uppercase;

}

.hd-left .itemDate .month-year {

display: block;

float: left;

}



.hd-left.itemDate .month,

.hd-left .itemDate .year {

color: #fff;

display: block;

font-size: 54%;

letter-spacing: 1px;

line-height: 1;

padding: 1px 0;

text-align: center;

text-transform: uppercase;

}

.hd-left div.catItemHeader h3.catItemTitle {

border-bottom: medium none !important;

}

div.itemFullText img {

display: block;

text-align: center;



}

div.itemHeader h2.itemTitle {

color: #444;

font-size: 16px;

font-weight: normal;

line-height: 20px;

}

div.catItemHeader h3.catItemTitle a{

color: #444;



}

div.itemRatingBlock span{

color: #444;

font-size: 12px;

}

div.k2LatestCommentsBlock ul li span.lcComment,div.itemComments ul.itemCommentsList li p{

color: #848484;

font-size: 12px;

}

div.k2LatestCommentsBlock ul li span.lcUsername,

div.itemComments ul.itemCommentsList li span.commentAuthorName,.itemCommentsCounter {

color: #848484;

font-size: 12px;

padding-left: 10px;



}

.lcUsername a{

font-weight: bold;

}

div.itemHeader .post-data,.genericItemHeader .post-data,

.tagItemList .post-data, .itemListLeading .post-data,

.userItemHeader .post-data{

margin-top: 5px !important;

}

.itemListPrimary .post-data{

margin-top: 25px !important;

}

div.itemCommentsForm p.itemCommentsFormNotes {

background: url("../images/bg_commentline.png") repeat-x scroll 0 -1px transparent;

border-top: medium none;

padding-top: 5px;

}

div.k2LatestCommentsBlock ul li.lastItem {

width: 110%;

}

div.k2LatestCommentsBlock ul li a {

color: #555;

padding-right: 8px;

font-size: 12px;



}

div.k2LatestCommentsBlock ul li span.lcCommentDate,

div.itemComments ul.itemCommentsList li span.commentDate{

color: #848484;

font-size: 10px;

font-weight: normal;

}

.lcItemTitle a,div.k2LatestCommentsBlock ul li span.lcItemTitle,

div.k2LatestCommentsBlock ul li span.lcItemCategory{

display:none;

color:#999;

font-size: 12px;

}



div.itemComments ul.itemCommentsList li img{

padding-right: 8px;

}

.gkTabsItem .even{

background: none;

}

div.k2LatestCommentsBlock ul li{

height: 60px;

margin-bottom: 20px;

border: none;

}


If you can see somthing wrong for image please tell me.

Thank you

hello again

Krikor i did your solution and work ok but i have one problem. When i read in item details the image show in fixed position . How i can set it to show inside article?

see this link: www.athens-dayandnight.gr/more/paidi/efta-pragmata-pou-prepei
see image link: i.imgur.com/nxK3DT2.png?1
imgur.com/nxK3DT2

Thank you

This is a conflict with bootstrap.
You should add display:inline-block or block and position:inherit to all modal classes for different views, in the k2.css.

thank You
Krikor.

I did the changes and it work perfect!!