Skip to main content

How to customize the cart font?

Katie Morgan avatar
Written by Katie Morgan
Updated over 2 weeks ago

Current version - Installed after 24/02/2025

To make the cart font match your theme’s font, go to Settings and enable the option Apply Theme Fonts.

To use a custom font in your cart, apply the following CSS code:

#cart-drawer-container {

font-family: your-font-name !important;

}

Replace your-font-name with the exact name of the font you want to use.

Example:

#cart-drawer-container {
font-family: Montserrat !important;
}

Paste this code into the Custom CSS section in your Cart Editor Settings.

Old version - Installed before 24/02/2025

In some cases, merchants may want to change the cart font to better match their theme or use a custom font.

To change the font in the cart, simply use the following CSS code:

section#cart-drawer-container {

font-family: your-font-name !important;

}

Replace your-font-name with the exact name of the font you want to use.

Example:

section#cart-drawer-container {
font-family: Montserrat !important;
}

Paste this code into the Custom CSS section in your Cart Editor Settings.


Need help? Let us know via in-app live chat or email: help@opusecom.co 🤩

Did this answer your question?