DD Wrapper Shared by Dan Denney, 2025-09-25 12:36:17 Tagged: Boilerplate, All 1 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <table bgcolor="{bgcolor}" border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td align="center" style="padding: 0 20px;"> {childtable} </td> </tr> </table> View this Snippet
CS Show/Hide images for Dark Mode Shared by Carin Slater, 2025-08-26 13:21:21 Tagged: Image, All 4 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <!--Dark Mode image swap code. Works in Apple/iOS. Works on Outlook.com, but only if the images are linked--> <!--Styles--> <style> .dark-img { display: none !important; } @media (prefers-color-scheme: dark) { .dark-img { display: block !important; } .light-img { display: none !important; } } [data-ogsc] .dark-img { display: block !important; } [data-ogsc] .light-img { display: none !important; } </style> <!--HTML--> <a href=""><img class="light-img" src="https://via.placeholder.com/600x300" width="600" height="300" alt="" style="width: 100%; max-width: 600px; height: auto;" border="0" /> <!--[if !mso]><! --> <img class="dark-img" src="https://via.placeholder.com/600x300" width="600" height="300" alt="" style="width: 100%; max-width: 600px; height: auto; display: none;" border="0" /> <!--<![endif]--></a> View this Snippet
CS Fixing VML button background colors for Dark Mode (Wilbert Heinen) Shared by Carin Slater, 2025-07-27 23:07:22 Tagged: Hack, Outlook 1 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <!--Dark Mode fix for VML buttons - use rbga as the color value in the <a> or else Outlook picks up on the background color and inverts it. Outlook doesn't support rbga values and ignores it leaving the VML color to come through. Wilbert Heinen - https://twitter.com/wilbertheinen/status/1405795916196495361?s=20&t=giNcZVNC3_IyL972-BmWGg--> <div><!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:50px;v-text-anchor:middle;width:170px;" arcsize="10%" stroke="f" fillcolor="#1F7F4C"> <w:anchorlock/> <center> <![endif]--> <a href="http://litmus.com" style="background-color:rgba(31, 127, 76,1);border-radius:5px;color:#ffffff;display:inline-block;font-size: 18px; font-family: Helvetica, Arial, sans-serif;font-weight:bold;line-height:50px;text-align:center;text-decoration:none;width:170px;-webkit-text-size-adjust:none;">I am a button →</a> <!--[if mso]> </center> </v:roundrect> <![endif]--></div> View this Snippet
CS Modular Starter Template: Icon based list Shared by Carin Slater, 2025-01-17 04:29:05 Tagged: Litmus Templates, All 1 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding: 0 30px 20px;"> <!--Icon list - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;"> <tr> <td align="left" valign="top" style="padding: 0 30px 30px 0;"> <img src="https://placehold.co/75" alt="place alt text here" width="75" height="75" style="font-size: 16px; line-height: 26px; color: #027979;"> </td> <td align="left" valign="top" style="padding: 0 0 30px;"> <!--Paragraph--> <p style="font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#0a080b; margin: 0; padding:0; text-align: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="https://www.example.com{{utm_code}}" class="link" target="_blank" style="color: #027979; text-decoration: underline;">Donec eu libero quis</a> nibh viverra rhoncus eget nec orci.</p> </td> </tr> <tr> <td align="left" valign="top" style="padding: 0 30px 30px 0;"> <img src="https://placehold.co/75" alt="place alt text here" width="75" height="75" style="font-size: 16px; line-height: 26px; color: #027979;"> </td> <td align="left" valign="top" style="padding: 0 0 30px;"> <!--Paragraph--> <p style="font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#0a080b; margin: 0; padding:0; text-align: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="https://www.example.com{{utm_code}}" class="link" target="_blank" style="color: #027979; text-decoration: underline;">Donec eu libero quis</a> nibh viverra rhoncus eget nec orci.</p> </td> </tr> <tr> <td align="left" valign="top" style="padding: 0 30px 30px 0;"> <img src="https://placehold.co/75" alt="place alt text here" width="75" height="75" style="font-size: 16px; line-height: 26px; color: #027979;"> </td> <td align="left" valign="top" style="padding: 0 0 30px;"> <!--Paragraph--> <p style="font-family:'Trebuchet MS', Arial, sans-serif; font-size:18px; line-height:28px; color:#0a080b; margin: 0; padding:0; text-align: left;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="https://www.example.com{{utm_code}}" class="link" target="_blank" style="color: #027979; text-decoration: underline;">Donec eu libero quis</a> nibh viverra rhoncus eget nec orci.</p> </td> </tr> </table> </td> </tr> View this Snippet
CS Dark Mode Meta Tags Shared by Carin Slater, 2025-01-11 06:03:13 Tagged: Boilerplate, All 2 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <!--Dark Mode meta tags needed to enable Dark Mode in email client user agents--> <meta name="color-scheme" content="light dark"> <meta name="supported-color-schemes" content="light dark only"> <style type="text/css"> :root { color-scheme: light dark; supported-color-schemes: light dark; } </style> View this Snippet
KM Remove Samsung Blue Links Shared by Kevin Mandeville, 2024-12-13 03:29:23 Tagged: Link, Android 3 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet #MessageViewBody a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } View this Snippet
CS Keep Text the same color in Outlook's Dark Mode (Nicole Merlin) Shared by Carin Slater, 2024-03-12 16:17:12 Tagged: Hack, Outlook 3 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <!--Dark Mode hack to keep text the same color on Outlook ala Nicole Merlin: https://webdesign.tutsplus.com/tutorials/how-to-fix-outlook-dark-mode-problems--cms-37718--> <!--Styles--> <!--[if (gte mso 9)|(IE)]> <style> .keep-black { mso-style-textfill-type:gradient; mso-style-textfill-fill-gradientfill-stoplist:"0 \#000000 1 100000\,99000 \#000000 1 100000"; color: #ffffff !important; } a.keep-black { mso-style-textfill-type:gradient; mso-style-textfill-fill-gradientfill-stoplist:"0 \#000000 1 100000\,99000 \#000000 1 100000"; color: #ffffff !important; } .keep-white { mso-style-textfill-type:gradient; mso-style-textfill-fill-gradientfill-stoplist:"0 \#FFFFFF 0 100000\,100000 \#FFFFFF 0 100000"; color: #000000 !important; } a.keep-white { mso-style-textfill-type:gradient; mso-style-textfill-fill-gradientfill-stoplist:"0 \#ffffff 1 100000\,100000 \#ffffff 1 100000"; color: #000000 !important; } </style> <![endif]--> <!--HTML with VML--> <tr> <td background="https://i.imgur.com/YJOX1PC.png" bgcolor="#7bceeb" width="600" height="200" valign="top"> <!--[if gte mso 9]> <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:200px;"> <v:fill type="tile" src="https://i.imgur.com/YJOX1PC.png" color="#7bceeb" /> <v:textbox inset="0,0,0,0"> <![endif]--> <div> <h1 class="keep-white" style="font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:36px; line-height:46px; color:#ffffff; margin:50px 0; padding:0; text-align: center;"> H1 - Proxima Nova Bold #262524 36/46 </h1> </div> <!--[if gte mso 9]> </v:textbox> </v:rect> <![endif]--> </td> </tr> <!--HTML w/o VML--> <tr> <td align="left" valign="top" style="background-color: #38B18F;"> <h1 class="keep-white" style="font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:36px; line-height:46px; color:#ffffff; margin:40px 0; padding:0; text-align: center;"> H1 - Proxima Nova Bold #262524 36/46 </h1> </td> </tr> View this Snippet
CS Override Dark Mode Background Colors (Annett Forcier) Shared by Carin Slater, 2024-03-01 16:56:30 Tagged: Hack, Gmail 3 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <!--Dark Mode hack to over-ride email clients changing background colors via Annett Forcier: https://twitter.com/The_Annett/status/1204896185728716805--> style="background: linear-gradient(#262524, #262524); background-color: #262524;" View this Snippet
CS Target Apple/iOS for dark mode. Shared by Carin Slater, 2024-01-02 22:49:06 Tagged: Media Query, iPhone Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <!--Dark Mode media queries to target Apple and iOS--> <style> @media (prefers-color-scheme: dark) { .fubar { } } </style> View this Snippet
NT Outlook 2016/365: Purple color (visited link) easy fix Shared by Nischal Tiwari, 2023-11-03 09:22:25 Tagged: Hack, Outlook 10 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <style type="text/css"> a{color:#fff;} <!--Define the link color but don't include the !important tag and also define the inline styling --> </style> <html> <body> <a href="#link" style="color:#ff6600;">Link 1</a> <!-- This will help to remove the purple color link on visited link on Outlook email --> </body> </html> View this Snippet
BP Preheader Hide Text in All Clients Shared by Brent P, 2023-11-01 12:22:52 Tagged: Preheader Text, All 3 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <!-- PREHEADER ----------------------------------------------------------> <style> .dvPreheader {display: none !important; mso-hide:all; visibility:hidden; mso-hide:all; font-size:1px; color:#ffffff; line-height:1px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; } </style> <div class="dvPreheader" style="display: none !important; mso-hide:all; visibility:hidden;">SOME CONTENT HERE TO SHOW AS PREHEADER </div> <!-- /PREHEADER ----------------------------------------------------------> View this Snippet
KH HTML Starter Template from Carin Slater [Foundations of Email Development] Shared by Kim Huang, 2023-09-19 16:08:12 Tagged: Litmus Templates, All 2 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <!DOCTYPE html> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="format-detection" content="telephone=no, date=no, address=no, email=no"> <meta name="x-apple-disable-message-reformatting"> <!--target dark mode--> <meta name="color-scheme" content="light dark"> <meta name="supported-color-schemes" content="light dark only"> <title>Email from Litmus</title> <!-- Allow for better image rendering on Windows hi-DPI displays. --> <!--[if mso]> <noscript> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> </noscript> <![endif]--> <!--to support dark mode meta tags--> <style type="text/css"> :root { color-scheme: light dark; supported-color-schemes: light dark; } </style> <!--General CSS normalisation - investigating common CSS seen in emails (from Jay Oram's Email CSS Resets: https://github.com/JayOram/email-css-resets)--> <style> /* Normalise on all email clients Apple Mail, iOS Mail plus many more have preset margin and padding for the email body - this normalises it so rendering is consistent and designers can choose. */ body { margin: 0; padding: 0; } /* Fix for Outlook on Windows border-collapse to stop spaces between tables caused by border size mso-table-lspace / mso-table-rspace to ensure no left and right space is added next to tables - Outlook specific CSS attributes */ table { border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; } /* Older versions of Samsung mail reset the font-size on <h1>-<h6> elements - But the newer versions don’t. Mail.ru resets font-size on <h1> & <h3> but other <h*> are left outlook.com resets margin on an <h3> but others are left So I think a “normalise” on <h1>-<h3> would make sense */ h1 { margin:0.67em 0; font-size:2em; } h2 { margin:0.83em 0; font-size:1.5em; } /* html[dir] h3 is to increase specificity to override Outlook.com */ html[dir] h3, h3 { margin:1em 0; font-size:1.17em; } /* From here - all CSS normalisation is based on a specific email client situation */ /* Fix for Outlook links color fix for links and visited links */ span.MsoHyperlink { color: inherit !important; mso-style-priority: 99 !important; } span.MsoHyperlinkFollowed { color: inherit !important; mso-style-priority: 99 !important; } /* normalise link attributes in Apple Mail / iOS Mail apps - to match the parent element */ #root [x-apple-data-detectors=true], a[x-apple-data-detectors=true]{ color: inherit !important; text-decoration: inherit !important; } /* normalise link attributes in Apple Mail / iOS Mail apps for the date calendar event- to match the parent element */ [x-apple-data-detectors-type="calendar-event"] { color: inherit !important; -webkit-text-decoration-color: inherit !important; } /* normalise link attributes in Gmail - to match the parent element. NOTE: Need to add class="body" to the body element and a DOCTYPE must be present. */ u + .body a { color: inherit; text-decoration: none; font-size: inherit; font-weight: inherit; line-height: inherit; } /* Mark Robbins found iOS Gmail will add word-spacing: 1px and word-wrap: break-word https://github.com/JayOram/email-css-resets/issues/2#issue-805476023 so added the below to fix that. This doesn't fix GANGA - so may need to be added inline - <body style="word-wrap: normal; word-spacing:normal;"> */ .body { word-wrap: normal; word-spacing:normal; } /* centre email on Android 4.4 - margin reset */ div[style*="margin: 16px 0"] { margin: 0!important; } /* revert all styles for LaPoste webmail */ #message *{ all:revert } </style> <style> /*embedded email styles go here*/ </style> </head> <body id="body" class="darkmode body" bgcolor="#ffffff" style="background-color:#ffffff;"> <div role="article" aria-roledescription="email" aria-label="Email from Litmus" xml:lang="en" lang="en"> <!--email content goes here--> </div> </body> </html> View this Snippet
CS Keeping White Text White in Gmail Dark Mode (Remi Parmentier) Shared by Carin Slater, 2023-09-14 09:06:38 Tagged: Hack, Gmail 1 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <!--Dark Mode hack to keep white text white in Gmail. Uses color blends ala Remi Parmentier: https://www.hteumeuleu.com/2021/fixing-gmail-dark-mode-css-blend-modes/--> <!--Styles--> <style> u + .body .gmail-screen { background:#000; mix-blend-mode:screen; } u + .body .gmail-difference { background:#000; mix-blend-mode:difference; } </style> <!--HTML--> <p style="color: #ffffff;"> <span class="gmail-screen"><span class="gmail-difference">I am white text</span></span> </p> View this Snippet
JM Image Swap for Smaller Devices Shared by Jaina Mistry, 2023-04-02 12:28:39 Tagged: Image, All Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <!-- Use the following CSS to show your image in your desired media query --> .image_mobile { display:block!important; max-height: none !important; max-width:none !important; line-height: 1.5 !important; width:100%!important; height:auto!important; } <!-- Use the following CSS to hide the "desktop" image in your desirec media query. MQ should be same as above. --> .hide { display:none!important; width:0px!important; height: 0px!important; overflow:hidden!important; line-height: 0px!important; font-size:0px!important; } <img border="0" width="{width}" height="{height}" src="{src-desktop}" alt="{alt}" style="display:block; outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;" class="hide"><div style="display:none; font-size:0; line-height:0; mso-hide: all; max-height: 0; max-width: 0; width:0;" class="image_mobile"><img border="0" width="{width-mobile}" height="{height-mobile}" src="{src-mobile}" alt="{alt}" style="display:none; font-size:0; line-height:0; mso-hide: all;max-height: 0; max-width: 0; width:0; -ms-interpolation-mode: bicubic;" class="image_mobile"></div> View this Snippet
CS Modular Starter Template: CTA button Shared by Carin Slater, 2022-08-04 13:03:18 Tagged: Litmus Templates, All 2 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding:0 0 50px;"> <!--CTA button - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template--> <a href="https://www.example.com{{utm_code}}" class="cta" style="background-color: #028383; font-size: 18px; font-family: 'Trebuchet MS', Arial, sans-serif; font-weight:bold; text-decoration: none; padding: 14px 20px; color: #ffffff; display:inline-block; mso-padding-alt:0;"><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%;mso-text-raise:30pt"> </i><![endif]--><span style="mso-text-raise:15pt;"><span class="gmail-screen"><span class="gmail-difference">Call to action</span></span></span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%"> </i><![endif]--></a> </td> </tr> View this Snippet
CS Modular Starter Template: Header with centered logo Shared by Carin Slater, 2022-01-31 16:10:16 Tagged: Litmus Templates, All 1 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <tr> <td align="center" valign="top" style="padding:50px 0;"> <!--Header with logo - works with the Modular Starter Template found here: https://litmus.com/community/templates/40-modular-starter-template. Make sure to update both the light and dark mode logos--> <!--light mode logo--> <a href="https://www.example.com/{{utm_code}}" target="_blank"><img class="light-img" src="https://placehold.co/168x78" width="168" height="78" alt="place alt text here" style="color: #4a4a4a; font-family: 'Trebuchet MS', Arial, sans-serif; text-align:center; font-weight:bold; font-size:24px; line-height:28x; text-decoration: none; padding: 0;"> <!--dark mode logo - Make sure to update this as well as the light mode logo--> <!--[if !mso]><! --> <div class="dark-img" style="display:none; overflow:hidden; width:0px; max-height:0px; max-width:0px; line-height:0px; visibility:hidden;" align="center"> <img src="https://placehold.co/168x78" width="168" height="78" alt="place alt text here" style="color: #4a4a4a; font-family: 'Trebuchet MS', Arial, sans-serif; text-align:center; font-weight:bold; font-size:24px; line-height:28px; text-decoration: none; padding: 0;" border="0" /> </div> <!--<![endif]--> </a> </td> </tr> View this Snippet
RN Litmus Preview Hack Shared by Robin Nieminen, 2021-06-30 16:12:24 Tagged: Preheader Text, All 1 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <div style="display: none; max-height: 0px; overflow: hidden;"> Insert hidden preheader text here </div> <!-- Insert ‌ hack after hidden preview text --> <div style="display: none; max-height: 0px; overflow: hidden;"> ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </div> View this Snippet
EG Delete or change the blue links on dates in the Zimbra webmail (free - laposte.net) Shared by Emmanuel Gérard, 2021-03-09 04:42:39 Tagged: Link, All 2 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <style type="text/css"> span.Object { color: inherit !important; } span.Object-hover { color: inherit !important; text-decoration:none !important; } </style> View this Snippet
KM Hidden Preheader Text Shared by Kevin Mandeville, 2020-01-15 02:10:18 Tagged: Preheader Text, All 7 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <div style="display:none;font-size:1px;color:#{color};line-height:1px;font-family:{font};max-height:0px;max-width:0px;opacity:0;overflow:hidden;mso-hide:all;"> {preheader text} </div> View this Snippet
KM Bulletproof Button - VML Approach Shared by Kevin Mandeville, 2019-09-20 16:11:05 Tagged: Link, All 7 Snippet Trigger View Design Library Please enter a valid trigger The text that, when typed and followed by a tab will trigger the insertion of the snippet code. Added to your Design Library. Go to Design Library. Copied to Clipboard Your snippet is out of date. Update snippet <div> <!--[if mso]> <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="{link}" style="height:{height}px;v-text-anchor:middle;width:{width}px;" arcsize="{arcsize}%" strokecolor="#{strokecolor}" fillcolor="{fillcolor}"> <w:anchorlock/> <center style="color:#{color};font-family:{font};font-size:{font-size}px;">{button text}</center> </v:roundrect> <![endif]--> <a href="{link}" style="background-color:#{bgcolor};border:{border};border-radius:{border-radius};color:#{color};display:{display};font-family:{font};font-size:{font-size}px;line-height:{line-height}px;text-align:{align};text-decoration:{decoration};width:{width}px;-webkit-text-size-adjust:none;mso-hide:all;">{button text}</a> </div> View this Snippet