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?