gmail not rendering html emails properly!

Hi guys, we are just finishing up the setup of our website and we are testing the confirmation emails, unfortunately gmail doesn't seem to be rendering the html properly so it is in plain text only. However Outlook is working fine...

We are using the inbuilt php mail function to send these out and we are on opencart 1.5.1.3.

Any suggestions?

Thanks,

Anyone any ideas??

Can anyone help please!?

]Post a screenshot of whats the problem, as GMAIL works fine for me.

The problem is due to the CSS styling in the email template being in the head section of the template

I believe this has been fixed in version 1.5.2

To fix, you will need to convert the css to inline styling instead in catalog/view/theme/default/template/mail/order.tpl

Or upgrade to 1.5.2.1 which I believe is quite painless and fixes quite a few bugs

Hi Simon, thankyou!

Unfortunately we already have so many customisations, it's not really a choice to upgrade now, it'd set us back quite a lot from all the work we've done!

Yes it is indeed that the formatting needs to be inline. Luckily I found an excellent converter online for future reference to you or anyone else this worked perfectly-:

http://beaker.mailchimp.com/inline-css

apart from the top image logo tag, I needed to use the old line from the email to get this to work <a href="<?php echo $store_url; ?>" title="<?php echo $store_name; ?>"><img src="<?php echo $logo; ?>" alt="<?php echo $store_name; ?>" id="logo" /></a>

Hi @toolsandtimber for your help. It works like a charm.

Only Outlook is now displaying Times New Roman font in body of the order details.

Any ideas how to change font to be the same as used in head?