• Features
    All Features Email Previews
    Builder Checklist Spam Testing Email Analytics Litmus Extension
  • Pricing
  • Resources
    Resources Litmus Conference Convince Your Team Gmail Promotions Builder
  • Enterprise
  • Community
    Discussions Snippets Templates Jobs
  • Blog
  • Sign In
  • Litmus
  • Features
  • Pricing
  • Resources
  • Enterprise
  • Blog
  • Community
  • Discussions
  • Snippets
  • Templates
  • Jobs
  • My Account
  • Sign In
  • Community Home
  • Discussions
  • Learning
  • Snippets
  • Templates
  • Jobs
Avatar of Carin SlaterCS

Carin Slater

  • Email Marketing Specialist at Litmus

This user hasn't filled out their bio yet...

Joined on November 9, 2020
    Replied to Snippet: Modular Starter Template: CTA button by Carin Slater 2022-08-04 13:03:18

    Oh! That's a good call Thomas! I'll update the Modular Starter Template with that code. That's in there to keep the text white on Gmail. If your button text is not white then you can remove that and the gmail-difference class as well.

    Here's the article referencing the idea behind it: https://www.hteumeuleu.com/2021/fixing-gmail-dark-mode-css-blend-modes/ Remi uses the class .gmail-blend-screen

    In the mean time, here's the code that should be in the head:

    <style>
    /* styles to keep white text white in Gmail */
    u + .body .gmail-screen { background:#000; mix-blend-mode:screen; display: block; }
    u + .body .gmail-difference { background:#000; mix-blend-mode:difference; display: block; }
    u + .body .cta:hover .gmail-screen { background: transparent; mix-blend-mode:normal; }
    u + .body .cta:hover .gmail-difference { background: transparent; mix-blend-mode:normal; }
    </style>

    Replied to Snippet: Modular Starter Template: Header with centered logo by Carin Slater 2021-08-02 18:55:23

    This snippet has places for both the light mode and dark mode logos. Make sure to supply versions for both.

    From visual editor, you can access the dark mode version if you put your overall settings for your computer or browser into dark mode.

    Replied to Discussion: I need a 2px height table row in Outlook. by Carin Slater 2021-07-13 21:12:07

    Weird. I'm not sure why it's doing that, but If I put each table row in it's own table it works fine. You'll have to add widths to the columns in the new tables

    Replied to Discussion: I need a 2px height table row in Outlook. by Carin Slater 2021-07-13 02:27:47

    Hey Ben! You can actually simplify your code a bit if you leave the transparent images out of it and use a non-breaking space and the line-height to control the height of the table cells, like this >

    <tr>
    <td style="mso-line-height-rule: exactly; line-height:2px; font-size:2px; background-color: #ff511c;">& nbsp;</td>
    <td style="mso-line-height-rule: exactly;line-height:2px; font-size:2px; background-color: #ffffff;">& nbsp;</td>
    <td style=";mso-line-height-rule: exactly;line-height:2px; font-size:2px; background-color: #ff511c;">& nbsp;</td>
    <td style="mso-line-height-rule: exactly;line-height:2px; font-size:2px; background-color: #ff511c;">& nbsp;</td>
    </tr>

    (I added the space between the & and the nbsp so it'll show up. otherwise all that was showing up was just an empty space. don't do that in the actual code.)

    However you can do it with the images if you would prefer. You need to add the line-height and mso-line-height-rule properties on to the image's CSS if you do. Outlook has a minimum height that is more than 2px for images unless you add those properties on. (I recall it being 7px, but I haven't tested to see what it is recently)

    Replied to Discussion: Outlook App Stretching Images by Carin Slater 2021-06-17 17:08:46

    Yep. Remi did a write up in his email bugs repo on GitHub: https://github.com/hteumeuleu/email-bugs/issues/93

Litmus Logo
    Company
  • Team
  • Customers
  • Careers
  • Contact
  • Brand
    Product
  • Features
  • Pricing
  • Enterprise
  • Extension
    Tools
  • Events
  • Labs
  • Scope
  • Resources
    Help
  • Knowledgebase
  • Status
  • Community
  • Trust
Subscribe to our emails

Copyright © Litmus Software, Inc. 2005-2022. 675 Massachusetts Ave., 11th Floor, Cambridge, MA 02139. View our Terms of Service or Privacy Policy. Send us a note to hello@litmus.com or give us a call at +1 (866) 787-7030

Sign in to Community

Are you new to Litmus Community?

Create a Free Litmus Account

Use your existing Litmus login to connect with the world’s most amazing email designers.

Having trouble signing in? Try Forgot password

Join the Litmus Community

Sign up to Community

Litmus uses the information you provide us to bring you great content about email marketing trends, stats, events and relevant products and services. You may unsubscribe from these communications at any time. For more information, check out our Privacy Policy
Already have a Litmus login? Sign in

Get more out of your Litmus account

Your free Community account includes access to the Litmus Community, as well as limited access to Litmus Builder. Check out the entire Litmus Email Creative Platform when you sign up for a free 7-day trial.

  • Email Previews

    Get 2,000 screenshots/month in popular email clients, including key international webmail clients, to ensure your emails look great everywhere.

  • Builder

    Quickly identify issues pre-send that could impact your deliverability—and get actionable advice for how to fix them.

  • Checklist

    Get screenshots in popular email clients to ensure your email looks great everywhere.

  • Code Editor Integrations

    Preview and troubleshoot your emails right where you build with seamless integrations between Litmus and any local code editor, like Dreamweaver or Sublime.

  • ESP Integrations

    Save time producing and troubleshooting your campaigns with seamless integrations between Litmus and your email service provider (ESP).

  • Spam Testing

    Quickly identify issues pre-send that could impact your deliverability—and get actionable advice for how to fix them.

  • Email Analytics

    Optimize your campaigns with subscriber-level insights to improve segmentation and targeting strategies.

  • Private Litmus Teams

    Get full team visibility. Manage Litmus access and monitor usage across private teams.

No thanks, just sign me up without a trial

Forgot password

Enter your email address to reset your password


Already have a Litmus login? Sign in