Reorganised categories in Brine, code please

Site URL: http://www.ottocento.co.uk

Hi, I'm trying to reorder the categories from my collection page. I know that by default it's alphabetized but is there a code that I can use to fix this? 

The order I would like my categories to go in are as follows:

20th Century, 19th Century, Old Masters, Contemporary, Works on Paper, Works under £1000, Treasures, Large Works

(Gap if possible)

Abstract, Art Deco, Belle Epoque, Classical, Expressionist, Impressionist/Post Impressionist, Modern British, Orientalist, Pop Art, Pre-Raphaelite, Surrealist, Symbolist, Traditional

(Gap if possible)

Figurative, Landscape, Townscape, Maritime, Nudes, Still Life

Can you share collection page url?

6 minutes ago, tuanphan said:

Can you share collection page url?

https://www.ottocento.co.uk/collection

https://www.ottocento.co.uk/collection

Yes. Thanks I saw 1 hour ago

I guess it will take time, used to solve some similar cases, so will check at the weekend. 😂

Thank you!  I will look forward to hearing from you.  Have a great weekend!

4 hours ago, Louise Andrews said:

Thank you!  I will look forward to hearing from you.  Have a great weekend!

Add to Home > Design > Custom CSS

@media screen and (min-width:641px) {
/* set flex for filter */
ul.ProductList-filter-list {
    display: flex;
    flex-direction: column;
}
/* reorder all items */
/* you need to set order for all item in filters list to code work */
/* abstrack */
.ProductList-filter-list-item:nth-child(3) {
    order: 1;
}
/* 19 century */
.ProductList-filter-list-item:nth-child(2) {
    order: 2;
}
/* Old Masters */
.ProductList-filter-list-item:nth-child(18) {
    order: 3;
}
}

Do similar for all items

You need to set order for all items to code work