KM Remove Blue Links on Apple Devices Shared by Kevin Mandeville, 2016-05-27 17:58:58 Tagged: Link, WebKit 8 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 a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } 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
WH Remove Download Icon from Images in Gmail Shared by Wilbert Heinen, 2017-01-05 21:30:58 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 * img[tabindex="0"] + div { display: none !important; } View this Snippet
KM Bulletproof Button - Border-Based Approach Shared by Kevin Mandeville, 2016-05-18 17:47:03 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 <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <a href="{link}" target="_blank" style="font-size: {font-size}px; font-family: {font}; color: #{color}; text-decoration: {decoration}; border-radius: {border-radius}px; -webkit-border-radius: {webkit-border-radius}px; background-color: #{bgcolor}; border-top: {border-top}; border-bottom: {border-bottom}; border-right: {border-right}; border-left: {border-left}; display: inline-block;">{button text}</a> </td> </tr> </table> View this Snippet
CB Generic Styles for Mobile Hide/Show/Full-Width Shared by Charles Balazs, 2016-03-03 22:57:24 Tagged: Media Query, 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 .mobile-only { display: none; max-height: 0px; mso-hide: all; overflow: hidden; visibility: hidden; } @media only screen and (max-device-width: {width}px), only screen and (max-width: {width}px) { *[class~="mobile-only"] { display: block !important; max-height: none !important; overflow: visible !important; visibility: visible !important; } *[class~="mobile-hide"] { display: none !important; height: 0 !important; margin: 0 !important; max-height: 0 !important; overflow: hidden !important; padding: 0 !important; visibility: hidden !important; width: 0 !important; } *[class~="mobile-expanding"] { /* for elements that you don't want to treat as block elements */ clear: both !important; float: none !important; width: 100% !important; } *[class~="mobile-block-full-width"] { clear: both !important; display: block !important; float: none !important; height: auto !important; width: 100% !important; } } View this Snippet
KM Override Gmail Blue Links Shared by Kevin Mandeville, 2018-08-14 19:05:05 Tagged: Link, Gmail 9 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 u + #body a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } /* ADD id="body" TO body TAG*/ View this Snippet
KM Gmail Webmail Targeting Shared by Kevin Mandeville, 2016-10-28 18:13:18 Tagged: Hack, Gmail 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 lang="en"> <head> <style> u + .body .gmail { display:block !important; } /*OR*/ u ~ div .gmail { display:block !important; } </style> </head> <body class="body"> <div class="gmail" style="display:none;">THIS IS GMAIL</div> </body> </html> View this Snippet
KM Outlook 2000-2013 Targeting Shared by Kevin Mandeville, 2015-08-18 14:59:32 Tagged: Hack, Outlook 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 <!--[if (gte mso 9)> {content} <![endif]--> View this Snippet
MK Google Fonts + Fallback + All Needed Fixes Shared by Maciej Klimowicz, 2016-03-02 09:39:37 Tagged: Hack, 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 <!-- This goes to <style> --> @import url(https://fonts.googleapis.com/css?family=Varela+Round); <!-- This goes straight after opening <body> tag --> <!--[if mso]> <style type="text/css"> .outlook-fallback { font-family: Lucida Sans Unicode, sans-serif; } </style> <![endif]--> <!--[if !mso]><!--> <!-- Normal text --> <font size="2" class="outlook-fallback" face="Varela Round, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, sans-serif" style="font-size:13px; color:#000000; line-height:150%;" color="#000000">Normal text<br /></font> <!-- Normal linked text --> <a href="tel:000 0000 0000" style="font-size:13px;font-family:Varela Round, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, sans-serif;color:#000000;text-decoration:none;" target="_blank"><font size="2" class="outlook-fallback" face="Varela Round, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, sans-serif" style="font-size:13px; color:#000000; line-height:150%;" color="#000000">000 0000 0000<br /></font></a> <!-- Normal email with tons of fixes for various email clients --> <!--[if (gte mso 9)|(IE)]> <font size="2" class="outlook-fallback" face="Varela Round, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, sans-serif" style="font-size:13px; color:#000000; line-height:150%;" color="#000000"><a href=" mailto:email@addre.ss " style="font-size:13px;font-family:Varela Round, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, sans-serif;color:#000000;text-decoration:none;" class="outlook-fallback" target="_blank"><font size="2" class="outlook-fallback" face="Varela Round, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, sans-serif" style="font-size:13px; color:#000000; line-height:150%;" color="#000000">email@addre.ss</font></a><br /></font> <![endif]--> <!--[if (!mso)&(!IE)]><!--><div style="mso-hide:all"><font size="2" class="outlook-fallback" face="Varela Round, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, sans-serif" style="font-size:13px; color:#000000; line-height:150%;" color="#000000"><a href=" mailto:email@addre.ss " style="font-size:13px;font-family:Varela Round, Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, sans-serif;color:#000000;text-decoration:none;" class="outlook-fallback" target="_blank">email@addre.ss</a></font></div><!--<![endif]--> View this Snippet
MD Responsive Table Template Shared by Marcus Dohl, 2017-07-19 01:22:58 Tagged: Table, 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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"/> <meta http-equiv="Content-Type" content="text/plain; charset=utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <meta name="MobileOptimized" content="320" /> <meta name="HandHeldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style type="text/css"> table { border-collapse:collapse !important } /*MOBILE*/ @media only screen and (max-width: 480px){ .tableFull, .tableHAlf { width:320px !important; } } /*DESKTOP*/ @media only screen and (min-width: 481px){ .tableFull { width:620px !important; } .tableHAlf { width:310px !important; } } </style> <!--[if mso]> <style type="text/css"> .tableFull { width:620px !important; } .tableHAlf { width:305px !important; } </style> <![endif]--> <title>Table Template</title> </head> <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" bgcolor="#54565e" style="height:100%; width:100%; min-width:100%; margin:0; padding:0; background-color:#54565e;"> <center> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td align="center" bgcolor="#54565e"> <table width="620" cellspacing="0" cellpadding="0" border="0" bgcolor="yellow" align="center" style="min-width:310px;" class="tableFull"> <tr> <td>1</td> </tr> <tr> <td width="310"> <table width="310" cellspacing="0" cellpadding="0" border="0" bgcolor="green" align="left" style="min-width:310px;" class="tableHAlf"> <tr> <td>2</td> </tr> </table> <table width="310" cellspacing="0" cellpadding="0" border="0" bgcolor="blue" style="min-width:310px;" class="tableHAlf"> <tr> <td>3 </td> </tr> </table> </td> </tr> <tr> <td>4</td> </tr> </table> </td> </tr> </table> </center> </body> </html> View this Snippet
PL Outlook stable horizontal spacer Shared by Paul Lemke, 2017-08-30 18:39:24 Tagged: Hack, 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 <!--Horizontal spacer that you can control and will show up in outlook / update the height and line-height. They need to be the same.--> <td align="left" valign="top" width="100%" height="15" style="border-collapse:collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; mso-line-height-rule: exactly; line-height: 15px;"><!--[if gte mso 15]> <![endif]--></td> View this Snippet
DM HTML/Bulleted List Shared by Daniel Maldonado, 2016-01-20 18:03:51 Tagged: Table, All 5 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 <!-- Bullet List --> <table cellpadding="2" cellspacing="2" border="0"> <tr> <td style="vertical-align:top;">•</td> <td>Risus</td> </tr> <tr> <td style="vertical-align:top;">•</td> <td>Venenatis</td> </tr> <tr> <td style="vertical-align:top;">•</td> <td>Vestibulum</td> </tr> </table> View this Snippet
KM <meta> Boilerplate Shared by Kevin Mandeville, 2015-08-18 15:09:20 Tagged: Boilerplate, 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 <meta http-equiv="Content-Type" content="text/html;" charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> View this Snippet
KM Bulletproof Button - Padding+Border-Based Approach Shared by Kevin Mandeville, 2016-02-10 10:14:37 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 <table border="0" cellspacing="0" cellpadding="0"> <tr> <td align="{align}" style="border-radius: {border-radius}px;" bgcolor="#{bgcolor}"> <a href="{link}" target="_blank" style="font-size: {font-size}px; font-family: {font}; color: #{color}; text-decoration: {decoration}; border-radius: {border-radius}px; padding: {padding}; border: {border}; display: inline-block;">{button text}</a> </td> </tr> </table> View this Snippet
WH Hybrid Left under Right Column Shared by Wilbert Heinen, 2016-10-06 01:28:53 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 width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="container" style="max-width: 600px;"> <tr> <td dir="rtl" style="text-align: center; vertical-align: top; font-size: 0;"><!--[if (gte mso 9)|(IE)]><table dir="rtl" width="100%" align="center" cellpadding="0" cellspacing="0" border="0"><tr><td dir="ltr"><![endif]--> <div dir="ltr" style="width: 300px; display: inline-block; vertical-align: top;"> <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#CCCCCC" align="left" style="font-size:12px; line-height:16px; padding:10px;">CONTENT B</td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]></td><td dir="ltr"><![endif]--> <div dir="ltr" style="width: 300px; display: inline-block; vertical-align: top;"> <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td bgcolor="#CCCCCC" align="left" style="font-size:12px; line-height:16px; padding:10px;">CONTENT A</td> </tr> </table> </div> <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]--></td> </tr> </table> View this Snippet
BG Bulletproof Buttons by Litmus Shared by Bill Goodspeed, 2018-04-18 14:17:23 Tagged: Link, 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 <a href="#" style="font-size:18px;font-family:'proxima_nova_rgregular',Proxima Nova,Helvetica,Arial,sans-serif;font-weight:normal;color:#ffffff;width:110px;text-decoration:none;border-radius:28px;background-color:#62be7f;padding:16px 28px;border:1px solid #62be7f;display:block" target="_blank">Button text →</a> View this Snippet
KM WebKit Targeting Media Query Shared by Kevin Mandeville, 2015-08-19 02:15:37 Tagged: Media Query, WebKit 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 @media screen and (-webkit-min-device-pixel-ratio: {value}) { {style} } 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
BP Preheader Hide Text in All Clients Shared by Brent P, 2018-03-19 09:55:18 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
GS Spacer Row Shared by Glenn Smith, 2015-08-18 18:18:24 Tagged: Boilerplate, 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 <tr> <td height="{height}" style="font-size:{height}px; line-height:{height}px;"> </td> </tr> View this Snippet