Hi,
I have set a menu item to pick up a specific category.
in this category there are 6 items.

I want the page to show all 6 items in 1 row - so 6 columns.

I have set everything correctly and those items show on the page, however only 5 are in the top row and one drops to the second row.

Looking at the html, the column width is 16.7%.
In firebug, if i clickdiv class=itemContainer it shows the following:

element.style {
width: 16.7%;

If i change this to 16.5% then it all shows correctly in one line.

I can't find where the column widths are set to adjust this - can anyone help me resolve?

Thanks

James

Column widths are calculated automagically :)

Based on no of items you set, it gets divided with 100.

Maybe you can try setting the main container wider or remove any padding and see if it fits.

I did try to remove any padding but couldn't resolve:

zappis.cc/the-club/sportives/zappis-gran-fondo

What i would do is to set the cat items to display 7 items, one extra. This will make the existing 6 items to fit in a row. A quick fix :)

Yes, i did do this but it looks a bit rubbish with such a large gap to the right.
I'd rather get the proper solution :P

Thank you very much for replying though...

Well, if you really want that 16.5% width, and you're sure there will only be 6 items and you have set a subtemplate for that category (template override)

You can try this -

In category.php, somewhere along line 151