Remove Border Around Logo Image

I recently added custom css to make a border around the images in my shop. However, this code has made borders around other images on my site. The logo at the top left corner of my site now has a border, I'm wondering if there is any way to prevent this.

This is the code I used to add the borders:

img {
    border: 1px solid #cccccc;
  margin-left: 3px;
  margin-right: 3px;
  margin-top: 3px;
}

Thank you!

Yes, you're currently targetting every image because you are using the selector img. 

Can you share your website URL and which images you do want to target? Is it the grid images on the store front page? Or on the product page? Both? Or somewhere else?

Thank you for your response Ziggy!

theochandler.com

Yes, I would like the border around the grid images on the store page:

https://www.theochandler.com/purchasescores

And also a border around the individual product pages such as this one:

https://www.theochandler.com/purchasescores/studies-in-change

But nowhere else.

Thank you!

Thank you! That solved it!

Happy to help!

Hi there-

@Ziggy

Does anyone know what CSS code can REMOVE the box around images? I have uploaded transparent images from Canva and on some pages, not all, there is a thin black box around these images that I want removed. **Please note the CSS that is already carefully in place was entered in by Big Cat Creative from the template I purchased, so I do NOT want to ruin anything. Do you know the code to remove the box, and can you confirm it won't mess up my template? THANK YOU!

@Megkay07 can you share your website URL and a page this is happening on?