Many a times, you might want to stylize the layout of the email or make few modifications. For instance, you may want to change the color of the Title text or the font of the order items table. This can be achieved by adding custom  CSS code to the app's settings.

Path to insert custom code:

Navigate to /WooCommerce/WooCommerce  Email Customizer/ Settings/Custom CSS.

There you will find a text area where you can enter the custom CSS code.

Here is a screenshot that would be of help:

 Once the settings button is clicked, a page will be displayed which will look like this:

Let us consider a scenario where our aim is to change the color of the title text to red and change the font-family and font-weight of the order items table.
Here is how we can achieve it:

Now that we have added the code, this is how it has taken effect on the layout.

Similarly, other layout changes can also be made by adding custom CSS to the plugin settings. 

Quick links:

Understand more about New Order Emails

Short codes supported in the email customizer

Still unclear ?
Please submit a support request. We are always happy to assist you :)

Did this answer your question?