k2 Additional Info

Hello all,

I wanna restyle additional Info in k2, but i really have no ideea how. I display additional info in one row for 3 Extra fields. To better understand what I mean I have attached a photo.
link: http://punctit.ro/index.php/k2/categories/photo-of-the-day/item/157-finibus-bonorum-et-malorum


Thanks

Hi,
please try add to override.css

Code: Select all

.itemExtraFields ul li {
    border: 1px solid #EEEEEE;
    float: left;
    margin-right: 10px;
    width: 31%;
}
.itemImageBlock {
    float: left;
    width: 100%;
    margin-top:10px;
}


and remember to enable override.css option in template settings.

Thanks dude, it`s works like a charm! Best regards!

I still have one more question, if I want to put an icon in each extra field how could I do? I attached a picture to make me understand.

Thank you again!

Try this code:

Code: Select all

.itemExtraFields ul li.even {
background:url(../images/first_icon.jpg) top left no-repeat;
}

.itemExtraFields ul li.even + li.odd {
background:url(../images/second_icon.jpg) top left no-repeat !important;
}
.itemExtraFields ul li.odd + li.even {
background:url(../images/third_icon.jpg) top left no-repeat !important;
}


and copy your icons to images folder inside template folder.