How to add custom CSS in email html code

I trier to add custom css styling in tag but not working.
Here is the example

table.header-nav { font-family: 'Lato', sans-serif; width: 450px; margin: 0 auto; } td.col3-wrapper { padding: 20px 0 30px 0; border-bottom: 1px solid #000; } td.col3 { width: 150px; text-align: center; padding: 0 5px; } td.col3.middle { border-left: 1px solid #000; border-right: 1px solid #000; } td.col3 a { color:#000; font-size:18px; text-decoration: none; } @media only screen and (max-width: 600px) { table.header-nav { width: auto!important; } td.col3-wrapper { padding: 10px 0 15px 0; } td[class="col3"] { width: auto!important; } td.col3 a { font-size:12px; } }

Any idea? Is there someone ever build custom css styling for email template?

1 Like