X-Cart forums - Subcategory Icon Columns

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (X-Cart 5) (https://forum.x-cart.com/forumdisplay.php?f=56)

- - Subcategory Icon Columns (https://forum.x-cart.com/showthread.php?t=72588)

Subcategory Icon Columns

I'm trying to make the number of columns in the sub-categories list four instead of three. I figured out if I add this custom CSS:

Code:

ul.subcategory-view-icons.subcategory-list.grid-list li {

  width: 25%

}

it will reduce the width of the columns. However, it's still three columns max no matter how small I make the width. Is there some way to control the number of columns? (Note that I'm don't want to change the number of product columns, only the subcategory.)

Re: Subcategory Icon Columns

Quote:

Originally Posted by Wing Fat

I'm trying to make the number of columns in the sub-categories list four instead of three. I figured out if I add this custom CSS:

Code:

ul.subcategory-view-icons.subcategory-list.grid-list li {

  width: 25%

}

You should also add the following rule to the Custom CSS section to make it four a line

Code:

ul.subcategory-view-icons.subcategory-list.grid-list > li:nth-child(3n) + li {

  float: none;

}