Caution
As of February 19th, 2021, Product Builder is unavailable for new installations. If you are currently using Product Builder, you will be able to continue using the app as your account will now be grandfathered.
Overview
After installing Bold's Product Builder, it may appear stretched to the full width of the page.
Our recommended fix for this issue can be applied to either 1 individual Product Builder product, or be applied globally to all of your Product Builder products.
Please select one of the options below for more information.
- From the Shopify admin, select Apps.
- Select Product Builder.
- Select Edit Product next to the Product Builder you want to adjust.
- Select Customize Selected Theme.
- Copy and paste the following code at the bottom of the Customize Theme CSS field:
/* ============================= Full-Width Fix ============================= */ .shappify_product_builder { width: 80%; margin-left: auto; margin-right: auto; }
- Select Save.
- From the Shopify admin, select Apps.
- Select Product Builder.
- Select Display Settings.
- Copy and paste the following code into the Page Header HTML field:
/* ============================= Full-Width Fix ============================= */ <style>
.shappify_product_builder { width: 80%; margin-left: auto; margin-right: auto; }
</style>
- Select Save.