Top

Make the Product Builder Layout Wider and / or Higher

These kind of dimensional changes require that custom CSS be added to the builder themes CSS section.

More information on how to add custom CSS to a builder theme can be found here.

More information on how to use CSS to style elements from our app can be found here.

Here's some sample code 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;
}

Have more questions? Submit a request