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!