How to reduce size of main image on product page and increase the text area

Store Design
1

Please view the attachment , i need to reduce the height and width of the main product image (without cropping it and keeping the same aspect ratio) . And I want to increase the text area on the side.

My website is www.TOAI.in and it is not password protected.

2

Hi @SurTri ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
@media (min-width: 769px) {
.product-single .product-single__meta--wrapper {
    width: 51% !important;
}
.product-single .large--seven-twelfths {
    width: 49% !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

3

Thanks a lots Avada . It worked.

4

I have the same issue but my issue is not solved with this code. My website is www.booksvilla.com.pk