K2 item image on the left and extra fields on the right?

GK User
Sat Jun 20, 2015 12:51 pm
Hi,

how can i do, that the image on the k2 item is on the left and the extra fields are just on the right side?
I did it already for another project in override.css and item.php, but its always difficult and not a clean solution.
Maybe you have some easier solution?

Thanks in advance
Best regards
Justin

PS:I've already searched a lot of time on google, but didnt found any solution
User avatar
Junior Boarder

teitbite
Mon Jun 22, 2015 3:49 pm
Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.
User avatar
Moderator

teitbite
Fri Jun 26, 2015 3:36 pm
Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all
div.itemImageBlock {
    float: left;
    width: 50%;
}

div.itemExtraFields {
    float: right;
    min-width: 45%;
}
User avatar
Moderator

GK User
Fri Jun 26, 2015 4:13 pm
Thanks, but in responsive, the titles disappears
User avatar
Junior Boarder

teitbite
Mon Jun 29, 2015 4:03 pm
Hi

Please use the code I have You and add this for mobile functionality:

Code: Select all
@media only screen and (max-width:767px) {
div.itemImageBlock,
div.itemExtraFields {
    float: none;
    min-width: 100%;
    width: auto;
}

.itemExtraFields ul li span.itemExtraFieldsLabel {
    min-width: 100%;
}
}
User avatar
Moderator


cron