How to edit the checkout or cart page properties in Kite app?

This guide explains how to hide unwanted text or "properties" for products on your cart or side-cart page using the Custom CSS feature in the Kite app.

1. Find the CSS Class of the Property

1. On your live storefront, navigate to the cart page where the property is visible.
2. Right-click directly on the property text you want to hide and select Inspect from your browser's menu.
3. The developer tools will open. Look at the highlighted line of HTML to find the class="..." attribute for that element.
4. Copy the most relevant class name. For this example, we'll assume the class is item-property.

2. Add the Custom CSS in the Kite App

1. In the Kite app, go to Settings > Widget setting.
2. Scroll down to find the Custom CSS text box.
3. Enter the following CSS code, replacing .item-property with the class name you copied from your theme:

CSS```

.item-property {

display: none !important;

}

**Note:** The period `.` before the class name is required.

### 3. Save and Verify

1. Click **Save** in the Kite app settings.
2. Go back to your store's cart page and refresh. The unwanted property should now be hidden.

Updated on: 25/08/2025