# Style the cart with custom CSS

> On Pro, add your own CSS for the cart on your store, for the few details the design settings do not cover.

Source: https://help.attravo.com/drawer-cart/articles/style-the-cart-with-custom-css
Updated: 2026-10-06

The design settings cover colors, fonts, corners and sizes. For anything beyond them, Pro lets you add your own CSS, applied to the cart on your store only.

## Add CSS

1. On **Cart settings**, open **Custom CSS**.
2. Type your CSS into the box. Target the drawer with `.avc-cart` and the full cart page with `.avc-pgcart`, as in `.avc-cart__title { letter-spacing: -0.02em; }`.

![The Custom CSS box](https://xprvgpfulbcxrftgyppu.supabase.co/storage/v1/object/public/help-media/5d8df30e-32a3-4311-b03c-158adc08841b/6e0999c8-ff71-451c-8d4a-827bb772b773/css-1-field-847f2da8a1.webp#w=1172&h=420)

3. Check the result in **Live preview**, then select **Save**.

## Good to know

- Custom CSS applies to the storefront cart only. Cart settings itself is never changed by it.
- Class names other than the two above can change when the cart is updated. Keep rules few and short, and check your cart after an update.
- If you move to Free, custom CSS turns off.

To see the cart's other hooks for theme developers, read [Work with the cart in your theme code](https://help.attravo.com/drawer-cart/articles/work-with-the-cart-in-your-theme-code.md).