How can I reduce the size of a featured product image?

Store Design
1

Hello,

I am using the boundless theme and I love everything about it, almost. The featured product image on the product page takes up the entire screen and customers have to scroll down to see the product description and add to cart button. I want to educe the image size to appeal to customers. Please help!

1 Like
2

@SyHayes

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product__photo {
    max-width: 500px;
    margin: 0px auto;
    float: none;
}

Change the value as you like

Thanks!

1 Like
3

This worked perfectly and was super simple! Thanks!