Shop Filters Columns

This topic has 7 replies, 3 voices, and was last updated 9 years, 7 months ago by Artem Temos.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
November 5, 2016 at 1:57 pm #6309

thecapeco
Participant

Hello!

Is there a way to have more than 4 columns for filters in the Shop Filters dropdown section?

Thanks!

November 5, 2016 at 9:04 pm #6314
Artem Temos
Keymaster
Xtemos team
Hello,

Try to add this code snippet to make 5 columns
```
.filters-inner-area>div:nth-of-type(4n+1) {
    clear: none;
}
.filters-inner-area>div:nth-of-type(5n+1) {
    clear: both;
}
.filters-inner-area>div {
    width: 20%!important;
}
```
Regards
November 6, 2016 at 6:17 pm #6334

thecapeco
Participant

Is there a specific place I need to add this code? Would it be under “Theme Settings”?

November 6, 2016 at 8:44 pm #6337

Artem Temos
Keymaster
Xtemos team

Sorry for not providing the full instruction. You need to add it to the Custom CSS area in Theme Settings.

Regards

November 22, 2016 at 10:18 pm #7082

Estefania
Participant

Hi!!!
Please, do you mind to show us the code for doing 6 or more columns in your filter?
Thanks!
Estefanía.

November 23, 2016 at 5:46 am #7096
Artem Temos
Keymaster
Xtemos team
Hello,

Try to use this code for 6 columns also
```
.filters-inner-area>div:nth-of-type(4n+1) {
    clear: none;
}
.filters-inner-area>div:nth-of-type(6n+1) {
    clear: both;
}
.filters-inner-area>div {
    width: 16.6%!important;
}
```
Regards
November 23, 2016 at 12:12 pm #7116

Estefania
Participant

Great!
It works perfectly!!!
Thanks a lot!
Estefanía.

November 23, 2016 at 5:33 pm #7126

Artem Temos
Keymaster
Xtemos team

You are welcome 🙂
Author

Posts