For Email Template
https://www.campaignmonitor.com/css/ https://designers.hubspot.com/docs/cos/email-template-markup#hs-inline-css-and-data-hse-inline-css
Posts
How to apply background Image in email for outlook
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center" class="mobile hero-section" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important"> <tbody> <tr> <td style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; background:url(' https://themes.googleusercontent.com/image?id=iOjEWmpWlNVmx91RAaWC3irZSyq8cu05pASFz84khXxbIM83x8QP6Hnw7ZIDcZFvcAGSBpGCNsBC ') !important; background-image:url( https://themes.googleusercontent.com/image?id=iOjEWmpWlNVmx91RAaWC3irZSyq8cu05pASFz84khXxbIM83x8QP6Hnw7ZIDcZFvcAGSBpGCNsBC ) !important; background-position:center !important; background-repeat:no-repeat !important; -webkit-background-size:cover!important; -moz-background-size:cover!important; -o-background-siz...
Email Template Style
{% set email_width = "600px" %} {% set email_background = "#f6f6f6" %} {% set email_body_background = "#ffffff" %} {% set sans_serif = "'Helvetica Neue', Helvetica, Arial, sans-serif" %} {% set base_color = "#606060" %} {% set base_link_color = "#3863A0" %} {% set base_font_size = "14px" %} {% set base_Line_height = "160%" %} {% set heading_font_family = "'Helvetica Neue', Helvetica, Arial, sans-serif" %} {% set heading_font_weight = "bold" %} {% set heading_Line_height = "100%" %} <!--[if !mso]><!--> <!-- Add Google / custom fonts here --> <!--<![endif]--> <style> [style*="sans-serif"] { font-family: {{ sans_serif }} !important; } *{ box-sizing:border-box!important; -webkit-box-sizing:border-box!important; -webkit-font-smoothing: antialiased !importa...