I think with these changes it will look nicer -> imgur.com/iRyo5jE

Hi,

I have made the change, but I would incorporate the content in a table. is it possible ?

You can do this, you will have to override the category_item.php file however - getk2.org/documentation/tutorials/174-templating-with-k2-and-the-concepts-of-sub-templates

Hi,

honestly I could not do anything !

Which part did you get stuck on?

Hi,

in this code

/* extrafields columns */
.extrafieldscolumns ul { width: 100%; margin:0;padding:0;/* CSS Reset */ max-width: 1000px; /* restrict the width */ margin: 0 40px; /* center it */}.extrafieldscolumns li { width: 20%; float:center; /* IMPORTANT */ list-style-type: none; display:inline; /* IMPORTANT */}
/* END extrafields columns */
div.catItemView.groupLeading{float:left;}
div.extrafieldscolumns{float: left;}

I don't know how do I adjust this code for additional fields align vertically ?

Hi,

in this code

/* extrafields columns */
.extrafieldscolumns ul { width: 100%; margin:0;padding:0;/* CSS Reset */ max-width: 1000px; /* restrict the width */ margin: 0 40px; /* center it */}.extrafieldscolumns li { width: 20%; float:center; /* IMPORTANT */ list-style-type: none; display:inline; /* IMPORTANT */}
/* END extrafields columns */
div.catItemView.groupLeading{float:left;}
div.extrafieldscolumns{float: left;}

I don't know how do I adjust this code for additional fields align vertically ?

Hi,

there was someone who had me help solve this problem partially. I replace the preceding code with this code in the file override.css

.itemContainer {
display: block;
}
.catItemView {
width: 30%;
}

.extrafieldscolumns ul {
margin: 0;
max-width: none;
padding: 0;
width: 100%;
}

.extrafieldscolumns li {
display: inline-block;
width: 20%;
text-align: right;
}

.extrafieldscolumns li:first-child {
width: 20%;
text-align: left;
}

.extrafieldscolumns li:nth-child(2) {
width: 30%;
}

.extrafieldscolumns li:nth-child(3) {
width: 20%;
}

.extrafieldscolumns li:nth-child(4) {
width: 10%;
}

but the change has been applied in all pages :(

FYI float:center; is not supported (sadly).

Now, you can create a K2 sub-template and add a class to the wrapper which is specific to that view.

Then your CSS should look like:

More info can be found here: www.joomlaworks.net/blog/item/194-k2-inheritance-sub-templating