Skip to main content

linear-gradient in Yahoo Mail Android

UnsupportedYahoo · mobile

Fix & Workaround

Add a solid background-color fallback before the gradient.

Before

<td style="background: linear-gradient(135deg, #667eea, #764ba2);
            padding: 40px; color: #fff;">
  Content here
</td>

After

<!-- Always declare a solid background-color before the gradient.
     Clients that strip gradients will show the fallback color. -->
<td style="background-color: #667eea;
            background: linear-gradient(135deg, #667eea, #764ba2);
            padding: 40px; color: #fff;">
  Content here
</td>

Add solid color fallback for gradient backgrounds

Other Clients

ClientSupport
GmailSupported
Gmail AndroidPartial
Gmail iOSSupported
Outlook 365Unsupported
Outlook (New)Unsupported
Outlook ClassicUnsupported
Outlook iOSUnsupported
Outlook AndroidUnsupported
Outlook for MacUnsupported
Apple MailSupported
Apple Mail iOSSupported
Yahoo MailUnsupported
Yahoo Mail iOSUnsupported
Samsung MailPartial
ThunderbirdSupported
HEY MailSupported
Proton MailSupported
AOL MailUnsupported
FastmailSupported
SuperhumanSupported

Related Features

Test your email across all 21 clients

Preview rendering, catch CSS issues, and get actionable fixes. Free.

Try Emailens Free