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
Thank you!