CSS code in e-mail

(@mjrc)

Dear all,

I’m experiencing a problem with some e-mails sent by Woocommerce after an order has been placed. I did edit the css styling of these e-mails in a child theme, but the following problem only happens sometimes. The problem is that when it want’s to print out the Customer Details into the e-mail, CSS styling code sometimes just get’s in the way. An example with anonymised customer data:

Customer Details
E-mail: [email protected]
Tel: 12341234
0 #515151; -webkit-font-smoothing: antialiased;'>Nieuwe klantetica Neue, Helvetica, Roboto, Arial, sans-serif;'>  ; font-weight: bold; line-height: 130%; margin: 16px 0 8px; text-align: left;'>Billing Address
John Appleseed
Maplestreet 149
1234AB Amsterdam

Even when order A has exactly the same personal detail entries filled as order B, the e-mails sent to the customer of order A and order B could be different, as one is correct and the other one has styling information embedded as text into the e-mail.

I have checked the syntax of the css part of the Woocommerce e-mails, but I could not find a problem. Do you know any way this might happen?

Thanks,
mjrc

This topic was modified 9 years, 7 months ago by mjrc.

Viewing 3 replies - 1 through 3 (of 3 total)

Plugin Support Riaan K.
(@riaanknoetze)

9 years, 7 months ago

Only thing I can think of is to make sure that your CSS is stripped from the plain-text emails.

Thread Starter mjrc
(@mjrc)

9 years, 7 months ago

Oh I maybe wasn’t clear enough, the CSS which is mixed with the contents of the e-mail, is showing up in HTML styled e-mails. So I suppose plain text e-mails don’t have any relevance to this issue.

Anyone else?

Thread Starter mjrc
(@mjrc)

9 years, 6 months ago

kick 🙂

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘CSS code in e-mail’ is closed to new replies.