The Shopify theme extension embeds purchase options into a store’s product details page. In order to match the look and feel of the store, any applicable style definitions from the current theme are cascaded into the purchase options.
While these theme-inherited styles usually just update the font family, it’s possible for them to update much more, including size and layout. In some cases, this can cause issues with the appearance and it might be needed to add new CSS rules to get the look just right.
Guide to Customized Elements
The below diagram contains some useful information that may assist in updating the purchase options style. Specifically, some CSS selectors that can be used to update the individual elements are labeled below on an example subscriptions widget.
Congratulations! You are now an expert on the automatic customizations that are applied to the subscriptions widget on your product display pages.