Applying roundness to images in SendGrid emails

Hi, there @robin.wyatt.

I wanted to share my solution regarding the issue you’ve described. It’s late, but it may help others that are in a similar boat as well.

By referring to your linked documentations - what I did was:

In case the image doesn’t load - the steps were:

  1. Open relevant E-mail template, head over to “Advanced”
  2. Edit HTML Head
  3. Between the “head” tag, include:
<style>
    .max-width {
      border-radius: 50%;
    }
</style>

Where “.max-width” is replaced by your own image class

  1. Click “Update”

My related post is here, if you’d like to see the result of the images: