how I change k2 article (pic) view?

Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Mon Jan 27, 2014 7:47 pm
Reply with quote
Report this post
Hello!

First, a praise... the new template (game.) looks really super cool! 8-)

but I have a small problem with the k2 articles
would be great if you could help me :roll:

I mostly only use images with 300 pixels
in the k2 article view, looks my images with 623 pixels very terrible
i use only medium sized pictures (max 300 px) but that does not look good in the article

because I would like the socials and rate buttons beside the picture :side:

can any one tell me what I need to change and where? (in which file)

see my pics what I mean...

original
Image

my medium sized pics
Image

need to change
Image

finished k2 article
Image

sry for my bumpy english :oops:
thx!
User avatar
Fresh Boarder

GK User
Thu Jan 30, 2014 9:59 am
Reply with quote
Report this post
Hello,

Please try to add in css/k2.css file the following code:

Code: Select all
.itemView .itemSocialSharing {
  width: 48%;
float: right;
box-sizing: border-box;
clear: none!important;
margin-top: 0;
}
.itemView .itemImageBlock {
  float: left;
  width: 48%;
}
.itemView .itemRatingBlock {
width: 100%!important;
border-left: none!important;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
padding: 10px 0!important;
}
User avatar
Administrator

GK User
Thu Jan 30, 2014 8:12 pm
Reply with quote
Report this post
hi dziudek,
works great! B)
I only had to change the width to 46% (with 48% it does not fit) ;)

Image

big thank you!
User avatar
Fresh Boarder

GK User
Fri Jan 31, 2014 5:57 pm
Reply with quote
Report this post
hello :)
I had the settings again rework
because of the "dynamic template" (phone/tablet) is required the value (2x) 43%
total value does not exceed 86%,
otherwise the image/button combination tears

greetz ;)
User avatar
Fresh Boarder

GK User
Sat Feb 01, 2014 9:37 am
Reply with quote
Report this post
In general i.e. in the mobile.css you should set the blocks to have 100% width, on bigger devices I think that there will be enough space for two columns in the header.
User avatar
Administrator


cron