Reduce the size of product featured image

Highlighted
New Member
2 0 0

Hi,

I'm using the Boundless theme. I like it, but the image size on web browser is just too large. It takes up the whole screen.
What code can I change to reduce the size (perhaps by half) and then center the image? I'm very new to code btw.


I found one post (copied below) that helped reduce the size, but it didn't center the image, and if there is more than one image, it only reduces the size of one. 

"Open you  product-template.liqud in Sections and:

Find the line ~45

<div class="product__photo grid__item {{ grid_item_width }}">

and change it to 

<div class="product__photo grid__item medium-up--three-eighths">

 

My site is www.GreenSilly.com
Password: GreenSillyPix2@2

Many thanks.

0 Likes