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%
}
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
Code:
ul.subcategory-view-icons.subcategory-list.grid-list > li:nth-child(3n) + li {
float: none;
}