I’m racking my brain trying to figure this out, as I know it’s probably a coding issue. The footer at the end of my email is off center. It looks perfectly fine in the preview mode, and when I view it in the email it is off. What am I missing?
Here’s the code associated to the footer:
{% unless mainFontColor %}{% set mainFontColor = “#000000” %}{% endunless %}
<table cellpadding=“0” cellspacing=“0” border=“0” style=“min-width: 100%; width: 100%;”>
<tr>
<td bgcolor=“{{ mainFontColor }}” valign=“top”>
<table cellpadding=“0” cellspacing=“0” border=“0” style=“min-width: 100%; width: 100%;”>
<tr>
<td height=“30” class=“space_class” style=“line-height: 1px; font-size: 1px;”>\ </td>
</tr>
<tr>
<td>
<table cellpadding=“0” cellspacing=“0” border=“0” style=“min-width: 100%; width: 100%;”>
<tr>
<td width=“auto”>\ </td>
<td width=“{{ widget.footer_logo.width }}”>
{% if widget.footer_logo.src %}
<img src=“{{ widget.footer_logo.src }}” width=“{{ widget.footer_logo.width }}” height=“{{ widget.footer_logo.height }}” alt=“{{ widget.footer_logo.alt }}”>
{% endif %}
</td>
<td width=“auto”>\ </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height=“1” class=“space_class” style=“line-height: 1px; font-size: 1px;”>\ </td>
</tr>
<tr>
<td>
<table align=“center” style=“background-color: transparent; min-width: 100%; width: 100%;”>
<tr>
<td height=“1” class=“space_class” style=“line-height: 1px; font-size: 1px;”>\ </td>
</tr>
<tr>
<td style=“font-family: ‘proxima-nova’, sans-serif !important;” class=“footer-text”>
{{ widget.footer_text }}
</td>
</tr>
<tr>
<td height=“30” class=“space_class” style=“line-height: 1px; font-size: 1px;”>\ </td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
