title: Shopify: Where does the styles in notification emails come from?
body: <p>I <a href="https://ecommerce.shopify.com/c/ecommerce-discussion/t/where-do-the-css-rules-in-notification-emails-come-from-500491" rel="nofollow noreferrer">asked this in Shopify</a> forum but no one answers.</p>
  
  <p>In Shopify's admin page, we can edit the HTML of "order confirmation" email, when I get the actual email, the HTML is very different from the one we edit in the admin's page, though I can tell it comes from the same HTML that I edit on admin page. It's just that many styles are added and some HTML elements' order seems changed. I am wondering how these styles are added? Do we have control over it?</p>
  
  <p>This is what I see in gmail as of the order confirmation email:
  <a href="https://i.stack.imgur.com/NRp5R.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NRp5R.png" alt="enter image description here"></a></p>
  
  <p>As you can see the <code>&lt;p&gt;</code> tag has many styles. However, on admin's page, the related code is:</p>
  
  <pre><code>{% capture email_body %}
    {% if requires_shipping %}
      Hi {{ customer.first_name }}, we're getting your order ready to be shipped. We will notify you when it has been sent.
    {% endif %}
  {% endcapture %}
  
  .....
  
  &lt;p&gt;{{ email_body }}&lt;/p&gt;
  </code></pre>
  
  <p>There is no styles at all and there is no CSS regarding this P tag. </p>