Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

(Current) Windows 10 Mail App ignores CSS? #149

Closed
Spegeli opened this issue Jan 25, 2018 · 7 comments
Closed

(Current) Windows 10 Mail App ignores CSS? #149

Spegeli opened this issue Jan 25, 2018 · 7 comments

Comments

@Spegeli
Copy link

Spegeli commented Jan 25, 2018 •
edited
Loading

Your Template works perfect but today i found out that the Windows 10 Mail App seems to ignore the CSS!?

Here is a Screenshot which showes the responsive once: http://i.epvpimg.com/Vdjsfab.png

As you see the Background Color is missing, the Button has no rounded corners aso.

Any solution?
@Spegeli Spegeli changed the title Windows 10 Mail App ignores CSS? (Current) Windows 10 Mail App ignores CSS? Jan 25, 2018
@Spegeli
Copy link
Author

Spegeli commented Jan 25, 2018 •
edited
Loading

Found a Solution for the Background:

<body width="100%" bgcolor="#222222" style="margin: 0; mso-line-height-rule: exactly;">
    <!--[if mso | IE]>
      <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" align="center" style="width:100%;" bgcolor="#222222">
        <tr>
          <td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;">
    <![endif]-->
...
    <!--[if mso | IE]>
		</td></tr></table>
   <![endif]-->

but the rest of the css is stil not working ;-(

@TedGoas
Copy link
Collaborator

TedGoas commented Jan 25, 2018

@Spegeli Windows 10 Mail has very limited CSS supported, even worse than Outlook. Things like rounded corners are not possible in Windows 10 Mail 😞

The background issue might be resolved by using the solution you posted. Also found here. You've tested this with success?

@Spegeli
Copy link
Author

Spegeli commented Jan 25, 2018

@TedGoas yeah right found the background solution on the same page. tested and works.

thx for the info that css is limited on windows 10 mail.

padding and margin also not supported by Windows 10 Mail?

@TedGoas
Copy link
Collaborator

TedGoas commented Jan 26, 2018

@Spegeli padding should be reliable, but not so much margin.

TedGoas added a commit that referenced this issue Feb 21, 2018
@TedGoas
Improved background color for email
ff017ba 
Now covers Windows 10 Mail
Closes out #149
@TedGoas
Copy link
Collaborator

TedGoas commented Feb 21, 2018

@Spegeli Just pushed a commit that should resolve this. I modified your code suggestion above to cover all email clients. We need <center> to cover a handful of webmail clients, but can remove the bgcolor attribute from <body> (one less thing to manage). Thanks again for your help finding this and pointing towards a fix!

Here's what I committed:

<body width="100%" style="margin: 0; mso-line-height-rule: exactly;">
    <center style="width: 100%; background: #222222; text-align: left;">
    <!--[if mso | IE]>
    <table role="presentation" border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#222222">
    <tr>
    <td>
    <![endif]-->

@TedGoas TedGoas closed this as completed Feb 21, 2018
@TedGoas TedGoas mentioned this issue Mar 15, 2018
Closed
@vishalims095
Copy link

vishalims095 commented Oct 13, 2021 •
edited
Loading

windows mail app : emailissue1

normal mail : email2

email template not working

@TedGoas
Copy link
Collaborator

TedGoas commented Oct 13, 2021

Hi, can you re-produce this using the original code in this repo (rather than code you've edited)?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@TedGoas @Spegeli @vishalims095