Hello my website is: thedrakeplushie .com When you click on my product photo on either mobile or pc there is a grey line around my product photo which I want to remove. Is there any way to remove this? Thanks in advance for your help!
1 Like
Please put this css in bottom of the base.css file.
.product__media-item .product-media-container {
border: 0;
}
Hey @thedrakeplushie,
In order to remove the border on the image you need to paste this coding in the end of base.css file.
Here is how you can find base.css file.
Go to Shopify Admin >> Online Store >> Customize >> Edit code >> base.css
.product-media-container.constrain-height.media-fit-contain {
border: none !important;
}
hey dear @thedrakeplushie follow these steps
Go to online store ----> themes ----> go to three Dots ----> edit code ---->find theme.liquid files ----> place the code ---->before the ----->
before the body ----->
if this code work please do not forget to like and mark it solution
<style>
.product__media-item .product-media-container {
border: none !important;
}
</style>