I have added a few bulletproof buttons to my template and there seems to be an issue where the text size causes the text to wrap only for browsers like outlook 2007/2010 is there a good way to force the width of the <v:roundrect to allow the text take up the full width like the regular <a works.
<div><!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://www.test.com/additem" style="height:50px;v-text-anchor:middle;width:50px;" arcsize="50%" stroke="f" fillcolor="#DCA400"> <w:anchorlock/> <center> <![endif]--> <a href="http://www.test.com/additem" style="background-color:#DCA400;border-radius:25px;color:#ffffff;display:inline-block;font-family:'trebuchet ms', Arial, Helvetica, sans-serif;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:50px;-webkit-text-size-adjust:none;font-size: 16px;text-transform:uppercase;"> Add </a> <!--[if mso]> </center> </v:roundrect> <![endif]--></div>
Many thanks for your question and sorry to hear you're having these issues here.
After scanning through Microsoft's VML documentation however, I unfortunately wasn't able to locate anything equivalent to the HTML version of nowrap="nowrap" (which is essentially what you're looking for here), so in this instance, you may just need to make your text slightly smaller, or your button a little larger, to ensure it doesn't wrap as a result.
If we do locate a way to achieve this however, we'll be sure to follow up here and let you know :)
Thanks Stephen for the fast reply.
Any chance there is a way to make sure that the VML is not added any padding to it's sides?
From Australia to Zimbabwe, and everywhere in between, companies count on Campaign Monitor for email campaigns that drive real business results.Get started for free