Annoying Outline On Main Product Images

[truemonkeman]

On my store there are these annoying outlines on the main product images. The corners are not rounded on the image when I click on it, and I tried the code below but it didn’t work. The same thing is happening with my collection images as well. The images that I linked below show it so please let me know if there’s anything I can do. My website is pinkproductsonly.com

.product__media img { border-radius: 0px !important; }

[BSSCommerce-HDL]

Hi @truemonkeman ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[Dan-From-Ryviu]

Your images contain white line at the bottom

[tim_1]

On top of what @Dan-From-Ryviu said (some of your images have white line at the bottom), your background color (#fc7f9c) does not completely match the color of your images background (#fc819d).

Finally, your image wrapper elements have gray background and this is your problem.

Try adding this CSS code (you can do it in “Custom CSS” setting):

.gradient {
  background: #fc819d;
}
.card__inner.gradient {
  background: transparent;
}

[truemonkeman]

Thank you very much I was very annoyed.