Take Out Icon - Shopping Cart

Bookmark Plugin

---

Plugin Details

Replace the default shopping cart icon with a take out box icon.

Compatibility

• Works with Squarespace 7.1

• Uses Custom CSS

• Take Out Box Icon Included

---

Add to Custom CSS

// TAKE OUT SHOPPING CART ICON - GHOSTPLUGINS.COM //

.icon--cart svg { 
  background-image: url(https://static1.squarespace.com/static/5ba5e044b10f25cb908c506f/t/66125ae95f0a492fdcfafa34/1712478953236/take_out_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.

---