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.

Replies 9 (9)

KetanKumar
Shopify Partner
36839 3635 11972

@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
36839 3635 11972

@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
36839 3635 11972

@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
Shopify Partner
1408 173 231

please try below code in theme.css file

.product__photo--single img {

     height: 750px;

}

.product.grid.grid--uniform.grid--no-gutters {
      height: 750px;
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
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.

KetanKumar
Shopify Partner
36839 3635 11972

@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