How to change the font in the Cart Drawer?
How to Change the Font in the Cart Drawer
Customizing the font in your cart can enhance your store's branding and design consistency. While changing the font for the pop-up cart is included in the basic theme settings, updating the font in the Cart drawer requires additional customization. Follow the steps below to adjust the font specifically for the slide cart drawer in the Cartly Slide Cart Drawer app.
Steps to Change the Font in the Cart Drawer
1. Open Theme Customization
In your Shopify admin, go to Online Store → Themes.
Find your active theme and click Customize.
2. Access the Custom CSS Section
In the theme editor, navigate to Theme Settings → Custom CSS.
3. Add Custom CSS for the Cart Drawer
Locate the Custom CSS field.
Add the following code:
Replace "Open Sans", sans-serif with your preferred font name.
4. Save and Apply Changes
Click Save to apply the new font settings.
The slide cart drawer will now display the updated font.
Conclusion
If you're using the pop-up cart, font adjustments can be made through the standard theme settings. However, for the cart drawer, adding the custom CSS code above is necessary to ensure the font updates correctly.
If you have any questions or need assistance, feel free to contact our support team.
Customizing the font in your cart can enhance your store's branding and design consistency. While changing the font for the pop-up cart is included in the basic theme settings, updating the font in the Cart drawer requires additional customization. Follow the steps below to adjust the font specifically for the slide cart drawer in the Cartly Slide Cart Drawer app.
Steps to Change the Font in the Cart Drawer
1. Open Theme Customization
In your Shopify admin, go to Online Store → Themes.
Find your active theme and click Customize.
2. Access the Custom CSS Section
In the theme editor, navigate to Theme Settings → Custom CSS.
3. Add Custom CSS for the Cart Drawer
Locate the Custom CSS field.
Add the following code:
#occ3-drawer * {
font-family: "Open Sans", sans-serif !important;
}Replace "Open Sans", sans-serif with your preferred font name.
4. Save and Apply Changes
Click Save to apply the new font settings.
The slide cart drawer will now display the updated font.
Conclusion
If you're using the pop-up cart, font adjustments can be made through the standard theme settings. However, for the cart drawer, adding the custom CSS code above is necessary to ensure the font updates correctly.
If you have any questions or need assistance, feel free to contact our support team.
Updated on: 25/03/2025
Thank you!