Skip to main content

<style> in Gmail

PartialGmail Web · webmail

Fix & Workaround

Use a CSS inliner tool (like juice) to move styles to inline attributes.

Before

<style>
  .header { background-color: #6d28d9; padding: 32px; }
  .title  { color: #fff; font-size: 24px; }
</style>
<div class="header">
  <h1 class="title">Hello</h1>
</div>

After

<div style="background-color: #6d28d9; padding: 32px;">
  <h1 style="color: #fff; font-size: 24px;
             font-family: Arial, sans-serif; margin: 0;">
    Hello
  </h1>
</div>

Inline CSS for Gmail compatibility

Other Clients

ClientSupport
Gmail AndroidPartial
Gmail iOSPartial
Outlook 365Supported
Outlook (New)Partial
Outlook ClassicPartial
Outlook iOSSupported
Outlook AndroidSupported
Apple MailSupported
Apple Mail iOSSupported
Yahoo MailSupported
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
SuperhumanSupported

Related Features

Test your email across all 15 clients

Preview rendering, catch CSS issues, and get actionable fixes — free.

Try Emailens Free