My CTA button doesn't render correctly within gmail.

MK_McNerney
Level 2

My CTA button doesn't render correctly within gmail.

My button within the email I have does not render within my Gmail. It worked yesterday but now it is stripping the actual button display and leaning a small box and hyperlink text. Screenshot 2018-07-24 13.41.07.png

Here is the HTML Code:

<tr>

                                          <td class="cta" style="mso-line-height-rule: exactly; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                                            <table style="border-spacing: 0; border-collapse: collapse; mso-table-lspace: -1pt; mso-table-rspace: -1pt; margin: 0 auto;" align="center" cellspacing="0" cellpadding="0" border="0">

                                              <tbody>

                                                <tr>

                                                  <td style="mso-line-height-rule: exactly; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center" bgcolor="${banner2ButtonBackgroundColor}"><a class="primary-font button" href="${banner2Link}" target="_blank" style="font-size: 16px;text-decoration: none;color: #ffffff;display: inline-block;font-weight: 400;font-family:'Open

Sans', Verdana, sans-serif;border-left-width:${banner2BorderSize};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;padding-left:

40px;border-right-color:${banner2BorderColor};border-bottom-color:${banner2BorderColor};border-left-color:${banner2BorderColor};border-top-width:${banner2BorderSize};border-right-width:${banner2BorderSize};border-bottom-width:${banner2BorderSize};padding-top: 10px;padding-right: 30px;padding-bottom: 10px;border-top-color:${banner2BorderColor};background-color:${banner2ButtonBackgroundColor};">

                                                      <!--[if gte mso 9]>  <![endif]-->${banner2LinkText}

                                                      <!--[if gte mso 9]>  <![endif]--></a></td>

                                                </tr>

1 REPLY 1
SanfordWhiteman
Level 10 - Community Moderator

Re: My CTA button doesn't render correctly within gmail.

I recommend you use the Advanced Editor's syntax highlighter to highlight your code as XML so it's readable. That will increase your chances of getting help.

https://s3.amazonaws.com/blog-images-teknkl-com/syntax_highlighter.gif