Product Categories Sidebar - Active Tab Style

---

1. Plugin Info

Style the product categories sidebar links – both active and non-active.

• Works with Squarespace 7.1

• Uses Custom CSS

---

2. Add this code to Custom CSS

// Product Category Sidebar - Active Link Style - Ghost //

.products.collection-content-wrapper .nested-category-tree-wrapper .category-link.active {
  background: #000;
  color: #fff;
  border: 1px solid #eee;
  padding: 5px 10px;
  border-radius: 5px;
}

// Product Category Sidebar - Non Active Links - Ghost //

.products.collection-content-wrapper .nested-category-tree-wrapper .category-link {
  color: #000;
  padding-left: 10px;
}

---

3. Customizable Options

Active Category Link:

• Background

• Text Color

• Border Style

• Padding

• Border Radius

Non-Active Category Links:

• Color

• Left Padding

---

4. Plugin Notes

• Enabled the category sidebar in product page settings.

• Other font styles (size, font family, etc) can be changed in Squarespace settings.

---