X-Cart forums

[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:

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.)

[razortw]

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:

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.)

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

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