How can I resize product images in the Boundless theme?

Store Design
1

Hi,

I’m using the boundless theme and I’m trying to resize the product image so it does not stretch the entire page? Ideally I would prefer the image to sit square with the text, however just a smaller image at the top of the page will suffice.

Does anyone know if this is possible please?

Website for reference: https://stratagy-property-services.myshopify.com/products/b706-359-illawarra-road-marrickville

Thank you in advance.

1 Like
2

@Willo1

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

your store password protect can you please share us
I will check out the issue and provide you a solution here.

1 Like
3

Thank you @KetanKumar .

Apologies, here is a screenshot:

Willo1_0-1627620719642.png
Willo1_0-1627620719642.png725×692 439 KB

As the image is responsive, it looks good when resized to a phone view, however when on desktop view it is far too large.

Any advice would be much appreciated.

1 Like
4

@Willo1

thanks for update

can you please provide store url so i will check and guide you.

1 Like
5

Thank you @KetanKumar .

https://www.stratagy.com.au/

Stratagy

Many thanks.

1 Like
6

@Willo1

thanks For URL, can you please try this code

  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: 768px;
    margin: 0px auto;
    float: none;
}
1 Like
7

Thank you @KetanKumar .

Unfortunately it didn’t change the image size.

1 Like
8

please try below code in theme.css file

.product__photo–single img {

height: 750px;

}

.product.grid.grid–uniform.grid–no-gutters {
height: 750px;

}

if my answer is worked then please give mark as This is an accepted solution.

9

Thank you @Denishamakwana , unfortunately this didn’t work either. Perhaps it cannot be amended.

Thanks for your attempt in any case.

10

@Willo1

sorry but i can’t see above code where did you added this?

1 Like