Xboost

How to change the cart drawer font

Overview

The cart drawer of XB: AI Cart Upsell Cart Drawer uses your theme's font, so it matches the rest of your store. The app has no font setting. To use another font, add custom CSS.

Steps

  1. Click Cart Drawer in the app menu, then click Design.
  2. In Custom CSS, add this CSS to Cart custom CSS and replace Georgia, serif with the font you want:
.xb_slidecart,
.xb_slidecart * {
  font-family: Georgia, serif;
}
  1. Click Save in the bar at the top of the page.

To change only part of the drawer, for example the title, use a more specific class such as .xb_slide_cart_title. Type a dot (.) in the CSS editor to see the class names, or click Show list under the editor.

Use a font that is already available on your store, for example one of your theme fonts.

To change the text size instead, use the Text size settings of each part, for example in Cart Line Item.