Shopping Cart Icon - Take Out

---

1. Plugin Info

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

• Works with Squarespace 7.1

• Uses Custom CSS

• Take Out Icon Included

---

2. Add this code to Custom CSS

// Cart Icon - Take Out - Ghost //

@custom-cart-icon: url(https://static1.squarespace.com/static/5ba5e044b10f25cb908c506f/t/66125ae95f0a492fdcfafa34/1712478953236/take_out_icon.png); // take out icon included

@cart-icon-dark-or-light: 0; // 0 for dark icon, 1 for light icon

// icon size can be changed in Squarespace settings like normal

/* ---- Do Not Edit Below ---- */

.icon--cart svg { position: relative; display: inline-block; background-image: @custom-cart-icon !important; background-size: contain !important; background-repeat: no-repeat !important; }  .icon--cart svg { fill: transparent !important; stroke: transparent !important; } .icon--cart svg { filter: invert(@cart-icon-dark-or-light); }

// Cart Icon - Take Out - Ghost //

---

3. Customizable Options

• Cart Icon

• Icon Color (Dark or Light)

Want to use your own icons? Use Custom CSS > Manage Files to upload and generate a file URL for your own icons. Then replace the default icon links with your file URL.

---

4. Plugin Notes

• Ensure the cart icon is enabled and set to icon style in Squarespace settings.

• Cart icon size can be adjusted in Squarespace settings like normal.

• If a custom icon is not showing, ensure you are adding the file’s full URL.

---