Title: CSS code in e-mail
Last modified: November 7, 2016

---

# CSS code in e-mail

 *  [mjrc](https://wordpress.org/support/users/mjrc/)
 * (@mjrc)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-code-in-e-mail/)
 * 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: john@example.com
       Tel: 12341234
       €€0 #515151; -webkit-font-smoothing: antialiased;'>Nieuwe klant€€etica 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](https://wordpress.org/support/users/mjrc/).

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

 *  Plugin Support [Riaan K.](https://wordpress.org/support/users/riaanknoetze/)
 * (@riaanknoetze)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-code-in-e-mail/#post-8409277)
 * Only thing I can think of is to make sure that your CSS is stripped from the 
   plain-text emails.
 *  Thread Starter [mjrc](https://wordpress.org/support/users/mjrc/)
 * (@mjrc)
 * [9 years, 7 months ago](https://wordpress.org/support/topic/css-code-in-e-mail/#post-8409955)
 * 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](https://wordpress.org/support/users/mjrc/)
 * (@mjrc)
 * [9 years, 6 months ago](https://wordpress.org/support/topic/css-code-in-e-mail/#post-8475022)
 * kick 🙂

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

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

 * ![](https://ps.w.org/woocommerce/assets/icon.svg?rev=3234504)
 * [WooCommerce](https://wordpress.org/plugins/woocommerce/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [mjrc](https://wordpress.org/support/users/mjrc/)
 * Last activity: [9 years, 6 months ago](https://wordpress.org/support/topic/css-code-in-e-mail/#post-8475022)
 * Status: not resolved