How to Add Custom CSS in WooCommerce Email Customizer

WooCommerce Email Customizer – WooMail is the best, most powerful and also most customizable tool to customize an email. With this tool, in the visual mode, you can build your desired email with drag & drop.10+ predefined amazing WooCommerce email templates which match your store design, are ready which you can easily import and start your work with them.

You can use the CSS editor to customize the appearance of any WooCommerce transactional email templates. It works by allowing you to add your own CSS styles, which allows you to override the default styles of template. During customizing email template you can use below selectors.

1. Customer Note Element

• .customer-note-comment-content

2. Order Items

• Order link -> .order-url
• Order time -> .order-time
• Products table -> .woo-items-list
  • Product column -> .col-product
  • Quantity column -> .col-quantity
  • Price column -> .col-price
• Orders
  • Order Item row -> .order_item
  • Order Item thumbnail-> .product-image
  • Order Item name -> .product-name
  • Order Item SKU -> .product-sku
  • Order Item meta -> .product-meta
• Total rows ( footer of products table  )
  • Label -> .col-total-label
  • Value -> .col-total-value
    
• Download links
  • list -> .ec-download-item-list
    
  • each item -> .ec-download-item

Frequently Asked Questions 
​