Bold Subscriptions V1 Customization & Styling Overview

Bold Subscription V1's Display Settings allow you to customize the colors, font size / color / style, padding, and borders of many different elements:

• The Product Page widget
• The Manage Subscriptions Page
• The Shopify cart page
• The Checkout page; and
• The Thank You page

All of these elements can be customized right inside of the app's Display Settings, including adding a More Details hover box to provide customers additional information on your subscription products.

Please visit Configure Display Settings in Bold Subscriptions for more information.

Bold Subscriptions V1 allows you to change the language of almost all of the app's major features and pages.

Because the app's default language is English, you have the freedom to make any adjustments you see fit if you need a different language. All changes made to the app's language can be found in the Bold Subscriptions app admin under Settings > Language Settings. 

At this time, Bold Subscriptions V1 is only able to operate in one language. You may otherwise use a third party translation app, but it is at your own discretion.

Please visit Configuring the Language Settings in Bold Subscriptions for more information.

Custom CSS styling for Bold Subscriptions V1 can be added directly into your theme's files.

If you are uncomfortable with code or aren't sure where to start, we recommend reaching out to our partners at HeyCarson for a quote on how much it will cost to make these adjustments for you.

Step 1: Create an asset file

1. From your Shopify admin, select Online Store.
2. Select Actions, then Edit code next to the theme you have Bold Subscriptions installed on.
3. Under Assets, select Add a new asset.
   
4. Select Create a blank file.
   
5. Enter a name for the file, select .css as the filetype, then select Add asset.
   

Step 2: Link the asset file

1. Under Layout, select theme.liquid.
   
   
2. Find the end of the head tag. This should look like </head> in the file:
   
3. Add the following code above the closing head tag:
   

   {{ 'your-filename-here.css' | asset_url | stylesheet_tag }} 

   Note: Remember to replace your-filename-here.css with the actual stylesheet's filename. It is important to include the filetype as well.

4. Select Save.