K2 Tag View 3 Columns

Hello, I would like to have a 3 column view for the tag section.

I understand there is a tag.php file just for that view, but can this be achieved only with CSS?

Link: http://www.mauzaza.com/cosmetic-indonesia

EDIT: I have a menu item for each of my tags if that makes it easier. The Menu Item/Option/Select a Template doesn't seems to have any effect on the view.

Thank you,
Regards

Hi

Try this code:

Code: Select all

.latestView .itemView {
width: 33%;
float: left;
}

.latestView .itemView:nth-child(4n+4) {
clear: both;
}


Thanks!

Now i've got 1 column on the left. Only one.

Regards

http://www.mauzaza.com/queen-helene-products-indonesia

Any ideas?

Thank you

Hi

Couple more lines is needed here. Please use this code instead:

Code: Select all

.latestView .itemView {
    clear: none;
    float: left;
    margin-top: 0;
    width: 33%;
}

.latestView .itemView:nth-child(4n+4) {
    clear: both;
}


Hi Teitbite, this code below worked ( I added the last section to remove the "Array" string)

The only thing is that I have 2 lines of 3 columns then 2 lines of 1 column.
It seems to be consistent on all tag pages no matter how much the number of items there is.

Is it related to your .itemView:nth-child(4n+4) formula?

Regards

Code: Select all

/* TAG VIEW 3 column view */

.latestView .itemView {
    clear: none;
    float: left;
    margin-top: 0;
    width: 33%;
}

.latestView .itemView:nth-child(4n+4) {
    clear: both;
}


/* Remove Array bug in introtext of K2 TAGS view */

.latestView .itemView .itemBody.nodate { display: none; }


Hi

Try replacing (4n+4) to (3n+4) and it should be ok than.

Hi Teitbite, it seems to have worked!

It always leave the page short of one item though. I can't seems to figure out why.

Code: Select all


/* TAG VIEW 3 column view */

.latestView .itemView {
    clear: none;
    float: left;
    margin-top: 0;
    width: 33%;
}

.latestView .itemView:nth-child(3n+4) {
    clear: both;
}



Thanks
Regards

Hi

Where can I see it now ? The link points to a 404 page now.

Sorry about that:

http://www.mauzaza.com/en/queen-helene- ... -indonesia

Regards

Hi

I cannot track a menu item with this alias "queen-helene-products-indonesia". Where is it ?? I need to check it's settings.

Hi Teitbite, it's under K2 Tags (Menu Type k2-tags).

Regards.

Hi

I tried to modify the k2.css to change the tag view and put it into 3 columns. But it has not worked me. What I can do?

My site is http://www.cenicana.org:83/web2/index.php/programas-de-investigacion/programa-de-procesos-de-fabrica

Thanks

Hi

@quebecguitare I cannot understand how it works ;/ If it's showing tags than why it's using a last items layout at Your website ?? That's really really strange. I have already adjusted tags number from 8 to 9 in K2 parameters, which should be answer but not in this case. Are You sure there is no other menu item or article with an alias similar to "queen-helene-products-indonesia" which can overwrite it ?

Hi

@Cenicana would be best if You will start a new thread since @quebecguitare issue may be a little bit different because of many modifcations.

In Your case I would say it's a matter of configuration for menu item, leading to this view. Please make a new thread and send me a link to it along with joomla panel access via PM.

Hi, I would like to accomplish the same thing as quebecguitare; multiple rows in the tag-view, but it doesn't seem to work. I'm using the Cloudhost template and my website is www.hisslink.nl (under "portfolio".) What am I missing?

Hi

Try use this code:

Code: Select all

.genericView .itemList article {
    clear: none;
    float: left;
    margin-top: 0;
    width: 25%;
}


That's it.... Thank you!

Hi

No problem, glad I could help