How to add custom CSS?

This guide will help you add custom CSS to the Oxify Cart Drawer on your store. Follow the steps below:

Steps to Add Custom CSS:

1. Log in to your Shopify Admin Panel and navigate to your store's admin dashboard.

2. Access the Oxify Cart Drawer App — go to Apps in the left-hand menu, then locate and open the Oxify Cart Drawer app.

3. Open the Cart Editor — on the Home page, under On your storefront, click Manage Cart Drawer on the Cart Drawer card (it reads Set up Cart Drawer while the app embed is still off). The Cart Editor opens full screen.

   

4. Open Custom HTML & CSS — in the left-hand panel (Cart Editor Settings), click Custom HTML & CSS.

5. Enable the feature — click Enable at the top of the screen. The badge changes from Off to On. Your custom code is only applied while this is on.

   

6. Add your custom CSS — in the Custom CSS card, type or paste your code into the Css Editor box.

   

7. Save your changes — click Save to apply the changes to your cart drawer.

Sample Code

.ia-rewards-banner-progress-wrapper {
  border-color: #4a6274;
  border-width: 1px;
  border-style: solid;
}

Additional Notes:

• Ensure the CSS code is properly formatted to avoid errors.
• Your CSS is added to the page exactly as written. Start your selectors with #ia-upsell-cart-parent to keep them inside the drawer — see Custom HTML and CSS injection (advanced).
• Refresh your storefront to verify that the customizations are applied successfully.
• If you encounter any issues, contact our support team for assistance.

This guide should help you customize the Oxify Cart Drawer to match your store's design seamlessly.