Make the Product Builder Layout Wider and/or Higher

Michael

March 02, 2015 18:58

Product Builder
All Versions
Basic CSS knowledge required
10 Minutes

Dimensional changes require that custom CSS be added to the builder themes CSS section.

Visit Change the Image Size or CSS for a Product Builder Product for complete instructions.

Here is some sample CSS that can be added that will enlarge the height and width of some of the builder elements:

.shappify_product_builder .choices {
height: 225px !important;
}

.shappify_product_builder {
height: 800px !important;
}

.steps_body, .option_image_pane {
height: 800px !important;
}

#option_image, .spritespin-stage {
height: 450px !important;
}

.choices {
width: 140px !important;
}

Product Builder Page

Next Steps:

Change Inventory Management Settings
Change the Image Size or CSS for a Product Builder Product
Change the Line Item Display Settings

Make the Product Builder Layout Wider and/or Higher

Next Steps:

Comments

Articles in this section