Essential Grid image manipulation

[johnhansen033]

I am liking the essential grid plugin but would like to make some adjustments. As you can see, I am using featured images that have a black border and rounded edges. When they are pulled into the essential grid they are showing the white background at the corners.

I can save the image as a png and resolve the issue but the image is sometimes 10 times as large. I am trying to keep image sizes as small as possible. I cannot find another default image format that works. Can I manipulate the image so it is cropped just enough so I can make the white corners go away? I do not want to use a white background. Or maybe you have another option?
Thanks

[basanta]

Hi There,

Thanks . for writing in!

In the skin builder custom CSS please add the below CSS to make it rounded corner so that it will fix the issue.

.esg-grid .mainul li.eg-washington-wrapper {
border-radius: 10px !important;
}

Hope this helps!

Thanks