Solved

Reduce Size of Feature Product Image

SyHayes
Visitor
2 0 1

Hello,

I am using the boundless theme and I love everything about it, almost. The featured product image on the product page takes up the entire screen and customers have to scroll down to see the product description and add to cart button. I want to educe the image size to appeal to customers. Please help!

Accepted Solution (1)

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@SyHayes 

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

Change the value as you like

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 2 (2)

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@SyHayes 

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

Change the value as you like

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
SyHayes
Visitor
2 0 1

This worked perfectly and was super simple! Thanks!