KM Gmail Targeting - [lang] Approach Shared by Kevin Mandeville, 2017-04-05 18:58:20 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 * [lang~="{name}"]{ {style} } View this Snippet
BG Show full-width email on Gmail mobile Shared by Bill Goodspeed, 2015-12-04 20:41:53 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 *[class="gmail-fix"] { display: none !important; } <tr class="gmail-fix"> <td> <table cellpadding="0" cellspacing="0" border="0" align="center" width="640"> <tr> <td style="line-height: 1px; min-width: 640px;"> <img src="http://example.com/images/spacer.gif" width="640" height="1" style="display: block; max-height: 1px; min-height: 1px; min-width: 640px; width: 640px;"/> </td> </tr> </table> </td> </tr> 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
DC Hiding elements in Gmail and all clients Shared by David Condrey, 2016-09-28 16:59:21 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 <!-- Hiding elements in Gmail is difficult because display=none does not work in Gmail. You can not change the display property but you can effectively hide an element by "zeroing it out". We can do this thanks to the fact that Gmail is the only client which will completely ignore styling within a <style> tag. So, within the HTML we define the element as having a width of 0 and a max-height of 0. This gives the element 0x0 dimensions. But in the <style> tag we override those styles for all the other clients that will read the code in the style tag. *The addition of the mso code in the below example below accounts for Outlook as well. Originally posted here: http://stackoverflow.com/a/36271968/1922144 --> <style> *[class=mobile]{ display:none; } @media only screen and (max-width:600px) { *[class=desktop]{display:none !important;} *[class=mobile]{display:block !important;width:auto !important;max-height:inherit !important;overflow:visible !important;float:none !important;} *[class="block"]{display:block !important;padding:5px;} } </style> <!--[if !mso]><!--> <table border=0 cellpadding=0 cellspacing=0> <tr> <td class="mobile" style="width:0;max-height:0;overflow: hidden;"><!-- Gmail zeroing element --> <!-- do not define any dimensions on any elements inside this "zeroed element" or it will not work as you expect and the zeroing will be ineffective. You can use the releative 100% width only. --> <img src="http://www.placehold.it/150x150" alt="" border=0 width="100%" style="display:block;" /> </td> </tr> </table> <!--<![endif]--> 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 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
NT Gmail Blue Link fixes for 2018 Shared by Nischal Tiwari, 2018-02-16 05:05:37 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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Google Auto Blue Colors</title> <style media="all"> /*Gmail specific free text line height fix*/ u + .body .m_free-text span { line-height: 1.2em; } /*Gmail specific free text and footer font color fix*/ u + .body .m_free-text a, u + .body .m_footer a { color: #FF6600 !important; } </style> </head> <body class="body"> <table cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center" style="font-family:'Lato',Tahoma, Arial, sans-serif; color:#ffffff; text-decoration:none; padding-top:10px; padding-bottom:10px; font-size:13px;" class="m_footer">Demo Company Name, 29 Ringwood Street, Ringwood, Vic 3134 Australia </td> </tr> </tbody> </table> </body> </html> View this Snippet
KM Gmail Mobile Targeting Shared by Kevin Mandeville, 2018-03-12 17:06:14 Tagged: Media Query, 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 @media screen and (max-width: 480px) { u ~ div .foo { /* INSERT CSS HERE */ } } View this Snippet
JG Force gmail App to render the desktop verison Shared by Jamie Greatorex, 2018-09-27 08:26:22 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 /* Place this in the head > style tag */ @supports (-webkit-overflow-scrolling:touch) and (color:#ffffff) { } View this Snippet
ID Ibcbet - Dafta Ibcbet Indonesia Shared by ibcbet daftar ibcbet, 2020-10-01 21:44:13 Tagged: Link, 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 Agen <a href="http://www.cloudcomputingcentre.co.uk/">ibcbet</a> menyediakan daftar ibcbet dengan murah dan terbaru tanpa biaya apapun dengan bantuan dari customer service ibcbet asia yang online 24 jam memandu member ibcbet indonesia memainkan taruhan bola ibcbet 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 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