Jump to content

Reorganised categories in Brine, code please

Recommended Posts

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


Link to comment
  • Replies 6
  • Views 486
  • Created
  • Last Reply
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


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.