Preheader Hide Text in All Clients

Shared by Brent Papenfuss, 2018-03-19 09:55:18. Tagged: Preheader Text, All

Copy to Clipboard Add to Snippets

Added to your library. Manage your snippets. Copied to Clipboard Your snippet is out of date. Update snippet

<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&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </div>

Vadim Huck replied 2018-03-19 09:55:18

Okey dont know how to respond to a respond but all the extra css is there to make sure that the Preheader is not shown in the foward to or respond email. All email providers like gmail.com will handle the email like a new one and strip away some code

Reply to Vadim Huck

Vadim Huck replied 2017-12-19 09:24:57

I did not know that pre- header need so much css properties, I just put a disply none!important. and it works fine everywhere. Did I missed somethink?

Florian Cargouet replied 2018-02-15 08:06:58

I do not have either much css properties for display none. I juste use font-size, display, visibility and my font color is like background.
All style is inline CSS.

font-size:0px;display:none;visibility:hidden;color:#f2f2f3;background:#f2f2f3;

Preheader Hide Text in All Clients

Sign in to Community

Join the Litmus Community

Sign up to Community

Get more out of your Litmus account

Forgot password