Hi Everyone,
Can anyone help me with the email design?
I am using CSS for placing the image in the center in a basic responsive template. After clicking on Preview I got the results but while testing for Outlook it worked differently and has been left-aligned.
I'm using the following CSS:
img{
display: block; margin-left: auto; margin-right: auto;
}
Also in the Advance option, I have entered the same CSS code. But it doesn't work. I am attaching the screenshots of my Preview and Outlook Results for your reference.
Hi Rakshita, You'll want to use email-client specific CSS for this - take a look here: https://stackoverflow.design/email/base/mso/ It's a bit complicated at first, but once you get the hang of it not too tricky.
The drawback to using an image to space out the email is this can trigger spam policies, so just be aware of that. I've found conditional CSS is the best avenue for this sort of thing.