Category Order

Site URL: https://www.setcollective.com.au/welcome

Hi,

How do I change the Category Order - Currently it is in alphabetical order

It needs to be: 

all, singlets, t-shirts, long sleeve tops, sets

Add to Home > Design > Custom CSS

@media screen and (min-width:641px) {
.ProductList-filter-list {
    display: flex;
    justify-content: center;
}
.ProductList-filter-list>li:nth-child(1) {
    order: 1;
}
.ProductList-filter-list>li:nth-child(4) {
    order: 2 !important;
}
.ProductList-filter-list>li:nth-child(5) {
    order: 3;
}
}

Repeat for other items

Thanks TuanPhan!!

I have copied the code and the extra lines

It has reordered but I can't get a space between tshirts and long 

Do you know what I can enter to fix this please? 

Thanks, 

Leanne

3 hours ago, LeeLee said:

Thanks TuanPhan!!

I have copied the code and the extra lines

It has reordered but I can't get a space between tshirts and long 

Do you know what I can enter to fix this please? 

Thanks, 

Leanne

edit your code

.ProductList-filter-list>li:nth-child(5) {
    order: 3 !important;
    margin-right: 1em;
}

THANKYOU TUANPHAN!! 😀😀 😀😀 😀😀 😀😀