Make image sizes smaller in Gecko Theme

[dommj00]

Hey all, I'm trying to make my images smaller but I can't seem to figure out how. This is my website: www.glasgwrd.com. Please help

[KetanKumar]

@dommj00 

sorry for this issue 

if possible to share issue images?

[dommj00]

When in their respective categories, not on the homepage, the images are overall a better size, but they're just too large on the home page.

[KetanKumar]

@dommj00 

i thinks is fine as per you store design

[dommj00]

I wanted to get the items to be less rectangular and more like a square.

[KetanKumar]

@dommj00 

oh, i see sorry for confusion 

do you have like this?

[Kinjaldavra]

hello @dommj00

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

    #shopify-section-1514546448766 .jas_custom_1514546448766 .products.jas-row .jas-grid-item .product-inner.pr  .jas-product-image.pr.oh{
        height: 220px !important;
}

[dommj00]

Hi,

thanks for your response. I only see I only see /theme.scss.liquid.

[dommj00]

I should add in style.css file at the bottom, right?

[KetanKumar · Accepted solution]

@dommj00 

sorry for this please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/style.min.css ->paste below code at the bottom of the file.
3. this code apply for after 5 - 6 second

.product-inner.pr .jas-product-image.pr.oh {height: auto;}