I’m using SendGrid to email a daily digest of notifications to users. I would like to show a circular image of the user in the top-right corner of the email, like this:
I am using a substitution tag to pull a dynamic image from my Bubble database, and that works fine. What I’ve so far been unable to do is apply roundness to the image and make it show as a circle rather than a square. Bubble obviously cannot advise on this by email, as it’s outside of their support scope, but they did direct me to this article.
I wasn’t sure where to put the CSS, but found this page in SendGrid’s documentation saying that I can add it in Build > Advanced > Edit HTML Head. I would have thought that would affect the roundness of EVERY image in the email unless I could add some code to specifically confine the styling to my profile image substitution tag, and I don’t know what that might look like. Nevertheless, I tried dropping the CSS there. Sadly, it did nothing.
Does anyone know what I should do?