Select your platform

Bold Subscriptions V1 Customization & Styling Overview

Alexa
Alexa
  • Updated

Bold Subscriptions V1 allows you to customize a variety of its elements including its product page widget, manage subscriptions page, checkout page, thank you page, and more.

Elements can be customized by using the app's Display SettingsLanguage Settings, or your very own custom CSS.

This article is relevant to Subscriptions V1. If you have Subscriptions for Shopify Checkout on your store, please visit Subscriptions for Shopify Checkout Overview. If you're unsure of which version of Bold Subscriptions you have, please visit Identify Your Version of Bold Subscriptions

 


 

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.

 


 

 Pro-Tip

Making adjustments to the .css file after it has been linked can cause unexpected changes to the styling of your subscription widget, especially if it is published.

We recommend working on an unpublished theme when making your styling changes to allow you to preview your styling changes first before applying the changes to your storefront.

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.
    Add a New Asset File
  4. Select Create a blank file.
    Create a Blank File
  5. Enter a name for the file, select .css as the filetype, then select Add asset.
    Enter a name

 


 

Step 2: Link the asset file

  1. Under Layout, select theme.liquid.
    Theme_Liquid_File.png
  2. Find the end of the head tag. This should look like </head> in the file:
    Find the end Head Tag
  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.

 


 

Troubleshooting

Need a hand with the app's language settings? We're happy to help! Please reach out to our Customer Success Team for further assistance.

Please also visit Troubleshooting Display Settings in Bold Subscriptions for more information.