K2 image alignment in category view and item view

Hi
How can i change the k2 image alignment to left, in order to bring the text beside and not beneath the image. I wonder if it can be made on items view in category listing and on item view.

For example:
http://www.sxedio-b.gr/index.php/articles
Is it possible to bring the text next to the image?


Thank you in advance

Try adding below css code to override.css enable css override option in template settings > advanced settings > css override "on".
This would only effect when resolution or viewport is 960px or higher as it might not look correct in smaller devices as this kind of mod requires changes to k2 style files.

Code: Select all

@media only screen and (min-width: 960px){
   .itemListView .itemImageBlock {
      float: left;
      width: 49%;
   }
   .itemListView .itemBody {
      float: right;
      width: 49%;
   }
   .itemView .itemImage {
      width: 49%;
   }
   .itemView .itemAsideInfo {
      width: 45%;
   }
   .itemView .itemBody {
      float: right;
      margin-top: -265px;
      position: relative;
      right: -10px;
      top: 0;
      width: 50%;
   }
}


It doesn't work exactly because in category view it brings the text too high, but I 'm gonna see what I can do with css. Thank you anyway, you gave me the general idea. Grateful.

If text is too high change "margin-top: -265px;" value.

See you around...