Product Builder is Stretched from Side to Side

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.

 


 

  1. From the Shopify admin, select Apps.
  2. Select Product Builder.
  3. Select Edit Product next to the Product Builder you want to adjust.

    Select Edit Product

  4. Select Customize Selected Theme.

    Select Customize Selected Theme

  5. 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;
    }

    copy and paste the CSS

  6. Select Save.
  1. From the Shopify admin, select Apps.
  2. Select Product Builder.
  3. Select Display Settings.

    Select Display Settings

  4. 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>

    Page Header HTML

  5. Select Save.
Was this article helpful?
1 out of 1 found this helpful