Skip to main content
Cody_Stubben
Level 2
September 18, 2017
Question

How to remove buttons in "Brooklyn" starter hero

  • September 18, 2017
  • 1 reply
  • 1509 views

How do I remove the red buttons in the hero of the "Brooklyn" starter template? Step-by-steps or spelled out instructions welcomed.

Thank you,

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

Trevor_Parsell
Level 5
September 19, 2017

Hey Cody,

You can start by going to the edit code section of the email. You will need to find the sections of code where the buttons live and remove those sections. I have included those sections that need to be deleted here:

<!-- Start Hero Button 1 -->

<table style="border-spacing: 0; border-collapse: collapse;" align="left" width="1" cellspacing="0" cellpadding="0" border="0">

                                        <tbody>

                                          <tr>

                                            <td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" width="100%" height="20"></td>

                                          </tr>

                                        </tbody>

                                      </table>

                                      <table class="col3 spaced d30 t50 p100" style="border-spacing: 0; border-collapse: collapse; width: 160px;" align="right" width="168" cellspacing="0" cellpadding="0" border="0">

                                        <tbody>

                                          <tr class="stack-tablet" style="padding-bottom: 0; max-height: 0; overflow: hidden; float: left; display: none; padding-top: 0; padding-right: 0; mso-hide: all; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; font-size: 10px; line-height: 10px;">

                                            <td style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> </td>

                                          </tr>

                                          <tr>

                                            <td class="cta" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                                              <table style="border-spacing: 0; border-collapse: collapse;" align="right" cellspacing="0" cellpadding="0" border="0">

                                                <tbody>

                                                  <tr>

                                                    <td style="word-break: break-word; -moz-hyphens: none; hyphens: none; border-collapse: collapse; -webkit-hyphens: none; background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -webkit-border-radius: 5px;" align="right" bgcolor="${heroButtonBackgroundColor}"><a class="primary-font button" href="${heroLink}" target="_blank" style="border-left-style: solid;font-size: 16px;text-decoration: none;padding-top: 12px;padding-bottom: 12px;padding-left: 12px;padding-right: 12px;border-top-width:${heroBorderSize};border-right-width:${heroBorderSize};border-bottom-width:${heroBorderSize};border-left-width:${heroBorderSize};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;color:

#FFF;border-top-color:${heroBorderColor};border-right-color:${heroBorderColor};border-bottom-color:${heroBorderColor};border-left-color:${heroBorderColor};display: inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;font-weight: 400;font-family:'Lato', Arial,

sans-serif;background-color:${heroButtonBackgroundColor};">

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

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

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                          </tr>

                                        </tbody>

                                      </table>

<!-- End Button 1 -->

<!-- Start Hero Button 2 -->

<tr>

                                            <td class="cta" style="word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

                                              <table style="border-spacing: 0; border-collapse: collapse;" align="center" cellspacing="0" cellpadding="0" border="0">

                                                <tbody>

                                                  <tr>

                                                    <td style="word-break: break-word; -moz-hyphens: none; hyphens: none; border-collapse: collapse; -webkit-hyphens: none; background-clip: padding-box; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; -webkit-border-radius: 5px;" align="center" bgcolor="${heroButtonBackgroundColor2}"><a class="primary-font button" href="${heroLink2}" target="_blank" style="border-left-style: solid;font-size: 16px;text-decoration: none;padding-top: 12px;padding-bottom: 12px;padding-left: 12px;padding-right: 12px;border-top-width:${heroBorderSize2};border-right-width:${heroBorderSize2};border-bottom-width:${heroBorderSize2};border-left-width:${heroBorderSize2};border-top-style: solid;border-right-style: solid;border-bottom-style: solid;color:

#ffffff;border-top-color:${heroBorderColor2};border-right-color:${heroBorderColor2};border-bottom-color:${heroBorderColor2};border-left-color:${heroBorderColor2};display: inline-block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;font-weight: 400;font-family:'Lato', Arial,

sans-serif;background-color:${heroButtonBackgroundColor2};">

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

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

                                                  </tr>

                                                </tbody>

                                              </table> </td>

                                          </tr>

<!-- End Hero Button 2 -->