(Squarespace) How to add number before Product Title

To add a number before Product Title, like this.

You can use this code to Custom CSS box.

div.grid-item {
    counter-increment: portfolio;
    content: counter(li);
    position: relative;
    overflow: hidden;
}
div.grid-title:before {
    content: '0' counter(portfolio) '.';
    display: inline-block;
    color: #000;
    padding-right: 5px;
  }

To change number color, edit this line.

1 Like