Alignment K2 image and caption/credits in article view

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.

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;
}


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

Hi

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