Lunchbox Icon - Shopping Cart

Bookmark Plugin

---

Plugin Details

Replace the default shopping cart icon with a lunch box icon.

Compatibility

• Works with Squarespace 7.1

• Uses Custom CSS

• Lunchbox Icon Included

---

Add to Custom CSS

// LUNCHBOX SHOPPING CART ICON - GHOSTPLUGINS.COM //

.icon--cart svg { 
  background-image: url(https://static1.squarespace.com/static/5ba5e044b10f25cb908c506f/t/66134d7cc73e8e6610875948/1712541052930/lunch_box_icon.png) !important;
  filter: invert(0);
  position: relative; 
  display: inline-block; 
  background-size: contain !important; 
  background-repeat: no-repeat !important;
}  

// HIDE DEFAULT CART ICON - GHOSTPLUGINS.COM //

.icon--cart svg { 
  fill: transparent !important; 
  stroke: transparent !important; 
}

---

Customizable Options

• Cart Icon

• Icon Color (Dark or Light)

Notes

No plugin notes

Use Your Own Icon

Use CSS > Manage Files to upload and generate a file URL for your own icon. Then swap out the default icon’s URL with your file’s URL.

---