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:

1. Log in to your Shopify Admin Panel * * * * ****

• Navigate to your store's admin dashboard.

2. Access the IA Cart Drawer App

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

3. Open the Cart Editor

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

4. 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.

5. 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.

6. 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