Xboost

How do I change the font of the free shipping bar?

Overview

The bar uses your theme's font. The app has no font setting. To use another font, add custom CSS to the bar.

Steps

  1. Open Free Shipping Bar Upsell, click the bar name, then click Design.
  2. Under Advanced setting, paste this CSS in Custom CSS and replace Georgia, serif with the font you want:
.xbfsbu_message,
.xbfsbu_upsell_item_content_title,
.xbfsbu_upsell_item_content_price {
  font-family: Georgia, serif;
}
  1. Click Save in the bar at the top of the page.

The CSS applies only to this bar. Use a font that is already available on your store. Click Show list under the CSS editor to see all class names.