Shopify themes, liquid, logos, and UX
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.
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.
Thank you @KetanKumar.
Apologies, here is a screenshot:
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.
thanks for update
can you please provide store url so i will check and guide you.
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;
}
please try below code in theme.css file
.product__photo--single img {
height: 750px;
}
Thank you @Denishamakwana, unfortunately this didn't work either. Perhaps it cannot be amended.
Thanks for your attempt in any case.
sorry but i can't see above code where did you added this?
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024