Articles on: IA - Cart Drawer

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.



  1. Access the IA Cart Drawer App


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



  1. Open the Cart Editor


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

Card Editor


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




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




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

Was this article helpful?

Share your feedback

Cancel

Thank you!