Boundless Theme - Product Image Size

Willo1
Tourist
5 0 4

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.

KetanKumar
Shopify Partner
23437 2357 8631

@Willo1 

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

Welcome to the Shopify community!
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.

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Willo1
Tourist
5 0 4

Thank you 

Apologies, here is a screenshot:

Willo1_0-1627620719642.png

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.

 

KetanKumar
Shopify Partner
23437 2357 8631

@Willo1 

thanks for update 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Willo1
Tourist
5 0 4

Thank you @KetanKumar.

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

Stratagy

Many thanks.

KetanKumar
Shopify Partner
23437 2357 8631

@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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Willo1
Tourist
5 0 4

Thank you @KetanKumar.

Unfortunately it didn't change the image size.

Denishamakwana
Explorer
89 13 13

please try below code in theme.css file

.product__photo--single img {

     height: 750px;

}

.product.grid.grid--uniform.grid--no-gutters {
      height: 750px;
0 Likes
Willo1
Tourist
5 0 4

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

Thanks for your attempt in any case.

0 Likes
KetanKumar
Shopify Partner
23437 2357 8631

@Willo1 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing