On alpha2 my e-mails would show correctly on all clients: Gmail, Apple Mail OSX, iPhone, iPad, Outlook Express, etc. I noticed that they would NOT show correctly when the CSS Compressor was not enabled. This was a life saver for me because without, my e-mail on all but Gmail would appear 100% of the screen. On Outlook Express it would be about 4000px wide. It was insane.
Later on, without any changes to my knowledge, the orders on the iPhone/iPad began appearing in plain text only. The e-mail was formatted correctly on all other clients.
I happily installed alpha3 because I read that would fix the plain text/html issue, ran update.php as always and tested it out. However, even with CSS Compressor installed, the e-mail is back to appearing 100%. The sort of good news is that the iPhone/iPad is back to displaying html BUT it's appearing 100% rather than being formatted correctly.
I am forced to go back to alpha2 and wait for this issue to be resolved. I hope others have experienced the same thing or someone can direct me to what I am doing wrong.
Background:
I am using Rules to mail to a specific rule based on a form submit. It then uses Mime Mail to process/send the e-mail. I am not using a mail.css file, should I be? All of my css is inline on the body of the e-mail and it shows up perfectly on alpha2 with css compressor enabled on all clients I've test.
I've attached images to show examples of what I am talking about (e.g. correctly formatted and 100% formatted).
| Comment | File | Size | Author |
|---|---|---|---|
| Correctly Formatted Email - alpha2 css compressor enabled | 69.6 KB | interestingaftermath | |
| 100% Formatted Email - alpha3 css compressor enabled | 73.35 KB | interestingaftermath |
Comments
Comment #1
sgabe commentedPlease provide a mail.css and message source.
Comment #2
interestingaftermath commentedI am not using mail.css. Should I be? All of my css is inline.
Comment #3
sgabe commentedIn short: You should!
If you are not using a custom mail.css in your default theme folder, all the style sheets are used you have which results in:
Comment #4
interestingaftermath commentedSo, just add a mail.css file? I don't really want to go through and strip out that inline garbage. It took long enough to get it right as is. Writing inline for e-mails really sucks but that's what I am used to doing for html e-mail services.
Are you saying I could have themed the e-mail using a mail.css file instead of inline and mime compresses it before sending?
Comment #5
sgabe commentedYou should theme the e-mail using a custom mail.css and the CSS Compressor will convert the CSS styles into inline style attributes for you. However you can use an empty mail.css, so your inline formatting stays intact.
Comment #6
interestingaftermath commentedThat did it! I just popped in a mail.css file into my theme folder and alpha3 is working perfectly for my iDevices, Gmail, etc. Thanks!