Remove product image border

[golazocases]

hi, on the product and cart page I would like the thin border to be removed (see attached)

URL is golazocasesuk.myshopify.com

thanks

[oscprofessional]

Hello @golazocases

Go to Online Store > Edit Code > section-main-product.css file
Add the below code at the bottom of the file

.product-media-container.global-media-settings.gradient {
border: none;
}

Thanks

[golazocases]

Hey that code section isnt there on the trade theme for me

[golazocases]

Found it nevermind! Looks good on the product page however the border is still there on the cart page …

[oscprofessional]

Add the code in ‘component-cart-items.css’ file

.cart-item__image-container.gradient.global-media-settings {
border: none;
}

and if you want to remove the border for all the images present in site the need to add this css in ‘base.css’ file

.global-media-settings {
border: none;
}