How to remove buttons in "Brooklyn" starter hero

Cody_Stubben
Level 2

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,

1 REPLY 1
Trevor_Parsell
Level 6

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 -->