How to add custom CSS?

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

Steps to Add Custom CSS:

Log in to your Shopify Admin Panel

Navigate to your store's admin dashboard.


Access the IA Cart Drawer App

Go to Apps in the left-hand menu.
Locate and open the IA Cart Drawer app.


Open the Cart Editor

Inside the IA Cart Drawer app, find and click on the Cart Editor option.


Enable the Custom HTML & CSS Feature

In the left-hand side panel, locate the option labeled Custom HTML & CSS.
Click on it to open the settings.
Toggle the feature ON to enable customization.




Add Your Custom CSS

Once the feature is enabled, a text box labeled Custom CSS will appear.
Input your desired CSS code into this box.




Save Your Changes

After adding your custom CSS, click the Save button 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.
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 IA Cart Drawer to match your store's design seamlessly.

Updated on: 22/01/2025