Alignment K2 image and caption/credits in article 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
Fri Jan 17, 2014 9:15 am
Reply with quote
Report this post
Hi,
At desktop mode I found the K2 image in article view to big.
So I have remove the "width: 100%!important;" entry in the k2.css files.

Now the image size looks better but the image is aligned at the left and the image caption and credits are aligned at the right side. How can both be aligned to the center?

sneakpreview:
http://www.genesisfan.net/demo1/mike-and-the-mechanics/articles-2013/mike-rides-in-for-harley

Kind regards.
User avatar
Gold Boarder

teitbite
Sun Jan 19, 2014 4:33 am
Reply with quote
Report this post
Hi

Please add this code to css:

Code: Select all
.itemImageBlock img {
    margin-left: auto;
    margin-right: auto;
}

.itemImageBlock {
    text-align: center;
}

.itemImageCaption,
.itemImageCredits {
    display: inline;
    float: none;
}

span.itemImageCredits {
    border-left: medium none;
    border-right: 1px solid #CCCCCC;
    font-style: italic;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

span.itemImageCaption {
    padding: 0;
}
User avatar
Moderator

GK User
Sun Jan 19, 2014 1:54 pm
Reply with quote
Report this post
Thank you so much teitbite!

Only one more thing. How can the image caption and credits be swapped from position?
So first caption and then the image credits.

Regards
User avatar
Gold Boarder

teitbite
Wed Jan 22, 2014 5:49 am
Reply with quote
Report this post
Hi

Only by changing in place directly in php file /html/com_k2/default/item.php
User avatar
Moderator


cron