I am working with checkbox filters in WooCommerce and I want to organize them so that two checkboxes appear in one row, followed by the next two in the second row, and so on. The issue can be seen at this URL. I also want this style to apply to "Product Color" and "Product Size".
How can I achieve this?
The current CSS code is:
.woof_list li {
list-style: none !important;
padding: 0 0 5px 0 !important;
}
https://i.sstatic.net/oczzm.png
I would like it to look like this: