How can I make the product image bigger and add round corners

[system]

Hi, how can I make the product image bigger and add round corners?

my url: https://33b985.myshopify.com/

Kind Regards

like this:

[Team_OSC]

Hi @Anonymous ,

Which theme you are using?

[system]

it’s a custom theme.

[Abdosamer]

@Anonymous , Go to product-grid-item.css :

.grid-product__image {
    
    border-radius: 10px !important;
}

[Team_OSC]

I hope this code will work

.grid-product__image {
    border-radius: 10px;
}

Best Regards

Team_OSC

[system]

where exactly do I have to insert the code? If I paste the code at the bottom it doesn’t work.

[Team_OSC]

Theme has a CSS file. You need to paste this code in that file.

[Abdosamer]

@Anonymous , search for product-grid-item.css in your theme assets and paste the code.

[system]

Thanks it works. Do you know how i can make the product picture bigger too?

[Team_OSC]

Is this size okay?

If you need this size then paste this code

[data-view=scrollable-5] .grid-item, [data-view=xsmall] .grid-item {
    flex: 0 0 33.33%;
}

Hope this code will work.

Best Regards

Team_OSC

[system]

No, thats to big. I want 5 product pictures in a row like this:

Kind Regards

[system]

I can fix the code myself. Thank you for the help.