Re: How to remove buttons in "Brooklyn" starter hero

Cody_Stubben
Level 2

How to remove buttons in "Brooklyn" starter hero

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

Re: How to remove buttons in "Brooklyn" starter hero

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