Bulletproof Buttons broken in Office 365 ProPlus?
We have been using the Bulletproof Buttons method for adding buttons to emails, which uses VML to create the shape in Outlook (which enables curved edges and gradients) but which defaults to standard HTML for everything else.
In the past few weeks we've had feedback from recipients that in Office 365 ProPlus they're appearing with the text cut off:
Has anyone encountered the same issue?
I created a button which has worked great when testing in Litmus. Try this one:
You may need to adjust a few settings, such as border-radius, padding-top, bottom, left right.
See also mso-border-alt and mso-padding-alt.
Let me know how you go!
Thanks, but without the VML that doesn't work in Outlook.
Outlook can't display curved borders or gradient colours with pure html & css
I've seen the same issue. Anyone else?
I am absolutely convinced Microsoft have deliberately sabotaged their own email client to try and drive everyone to the web-based 365 or MS Teams.
The button code fixes the text being chopped, but yes the rounded corners only work on Outlook 2016 Mac.
If you want a 100% bullet proof button, best to use a table with 3 TDs and use images with rounded corners for the left and right sides of the button and text in the middle.
Something like this:
In this case the button will look weird in clients with Dark mode :)
I recently ran into this. Seems to only be an issue for short buttons. Making the button taller in the VML was the only fix I was able to come up with.