ブロック間の空白を取り除く

Question

コード作成の仕方がわからず、答えを探してみましたが失われます。誰かがこの空白をすべて削除する方法を理解する手助けができますか？それは電子メールのニュースレターのためです。ありがとう！各ブロックの前と後に空白が必要です。私は電子メールを送るために行くと、それはあまりにも長く、クリップされるので、私はそれを避けようとしています。本当にありがとう！

<!-- SECTION - ROI --> 
 
    <table align="center" width="800" class="container footer float-center not-outlook" style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;float:none;height:450px;margin:0 auto;padding:30px 0 0!important;text-align:center;vertical-align:top;" align="center" class="container post-before-footer float-center"> 
 
     <tbody> 
 
      <tr style="padding:0;text-align:left;vertical-align:top"> 
 
       <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
        <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> 
 
         <tbody> 
 
          <tr style="padding:0;text-align:left;vertical-align:top"> 
 
           <th class="mobile-blog-posts blog-posts small-12 large-6 columns first" style="Margin:0 auto;background:#fff;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;max-width:440px;padding:0!important;text-align:left;width:384px"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;padding-left:55px;padding-top:42px;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
                    {% widget_block rich_text "section_before_footer" overrideable=True, label='Section before footer - Text' %} 
 
                     {% widget_attribute "html" %} 
 
                      <h4 style="Margin:0;Margin-bottom:0px;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:23px;font-weight:700;line-height:28px;margin:-30px -0 20px;margin-bottom:20px;padding:0;text-align:left;word-wrap:normal">Our Product in Motion.</h4> 
 
                      <p style="Margin:0;Margin-bottom:0px;color:{{widget_data.color_3.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:300;line-height:24px;margin:0;margin-bottom:20px;padding: 10;text-align:left">Text placeholder for Dole information - this is placeholder text and will add more later.</p> 
 
                      <a href="#" style="Margin:0;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:18px;font-weight:700;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none">Read more</a> 
 
                     {% end_widget_attribute %} 
 
                    {% end_widget_block %} 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
           <th class="image-before-footer small-12 large-6 columns last" style="Margin:0 auto;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:16px;text-align:left;width:384px;background:#fff;"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding-top:-10px;padding-right:55px;text-align:left;vertical-align:top;word-wrap:break-word;padding:-30px 20px -20px;"> 
 
                    <img src="{% image_src 'section_before_src' label='Section before footer - Image (345px/340px)', src='http://34ueos46m798gtit1j06461b.wpengine.netdna-cdn.com/wp-content/uploads/2015/07/Demo_slide_v2.png', no_wrapper=True %}" alt="Image for own posts" style="-ms-interpolation-mode:bicubic;clear:both;display:block;height:300px;max-width:100%;outline:0;text-decoration:none;width:auto;margin: 0 auto;"> 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
          </tr> 
 
         </tbody> 
 
        </table> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
    </table> 
 
     <!-- SECTION - VERGE --> 
 
    <table align="center" width="800" class="container footer float-center not-outlook" style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;float:none;height:450px;margin:0 auto;padding:30px 0 0!important;text-align:center;vertical-align:top;" align="center" class="container post-before-footer float-center"> 
 
     <tbody> 
 
      <tr style="padding:0;text-align:left;vertical-align:top"> 
 
       <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
        <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> 
 
         <tbody> 
 
          <tr style="padding:0;text-align:left;vertical-align:top"> 
 
           <th class="mobile-blog-posts blog-posts small-12 large-6 columns first" style="Margin:0 auto;background:#fff;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;max-width:440px;padding:0!important;text-align:left;width:384px"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;padding-left:55px;padding-top:12px;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
                    {% widget_block rich_text "section_before_footer" overrideable=True, label='Section before footer - Text' %} 
 
                     {% widget_attribute "html" %} 
 
                      <h4 style="Margin:0;Margin-bottom:10px;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:23px;font-weight:700;line-height:28px;margin:15px 0 20px;margin-bottom:20px;padding:0;text-align:left;word-wrap:normal">Placeholder</h4> 
 
                      <p style="Margin:0;Margin-bottom:10px;color:{{widget_data.color_3.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:300;line-height:24px;margin:0;margin-bottom:20px;padding:0;text-align:left">Placeholder Text.</p> 
 
                      <a href="#" style="Margin:0;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:18px;font-weight:700;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none">Read more</a> 
 
                     {% end_widget_attribute %} 
 
                    {% end_widget_block %} 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
           <th class="image-before-footer small-12 large-6 columns last" style="Margin:0 auto;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:-50px;padding-left:8px;padding-right:16px;text-align:left;width:384px;background:#fff;"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;padding-right:55px;text-align:left;vertical-align:top;word-wrap:break-word;padding:0px 20px 0px;"> 
 
                    <img src="{% image_src 'section_before_src' label='Section before footer - Image (300px/340px)', src='https://elementalexcelerator.com/wp-content/uploads/2017/06/IMG_9526.jpg', no_wrapper=True %}" alt="Image for own posts" style="-ms-interpolation-mode:bicubic;clear:both;display:block;height:250px;max-width:100%;outline:0;text-decoration:none;width:auto;margin: 0 auto;"> 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
          </tr> 
 
         </tbody> 
 
        </table> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
    </table>

Answer 1

あなたは、単にminifierはあなたのコードのファイルサイズを減らすことで、同じ機能を維持HTML minifier.を使用することができます。

Answer 2

テーブルの高さは450pxと記載されています。高さcssを削除するか、autoに設定すると、問題を解決できます。あなたはこのために使用しているアプリケーション

<!-- SECTION - ROI --> 
 
    <table align="center" width="800" class="container footer float-center not-outlook" style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;float:none;height:100%;margin:0 auto;padding:30px 0 0!important;text-align:center;vertical-align:top;" align="center" class="container post-before-footer float-center"> 
 
     <tbody> 
 
      <tr style="padding:0;text-align:left;vertical-align:top"> 
 
       <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
        <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> 
 
         <tbody> 
 
          <tr style="padding:0;text-align:left;vertical-align:top"> 
 
           <th class="mobile-blog-posts blog-posts small-12 large-6 columns first" style="Margin:0 auto;background:#fff;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;max-width:440px;padding:0!important;text-align:left;width:384px"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;padding-left:55px;padding-top:42px;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
                    {% widget_block rich_text "section_before_footer" overrideable=True, label='Section before footer - Text' %} 
 
                     {% widget_attribute "html" %} 
 
                      <h4 style="Margin:0;Margin-bottom:0px;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:23px;font-weight:700;line-height:28px;margin:-30px -0 20px;margin-bottom:20px;padding:0;text-align:left;word-wrap:normal">Our Product in Motion.</h4> 
 
                      <p style="Margin:0;Margin-bottom:0px;color:{{widget_data.color_3.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:300;line-height:24px;margin:0;margin-bottom:20px;padding: 10;text-align:left">Text placeholder for Dole information - this is placeholder text and will add more later.</p> 
 
                      <a href="#" style="Margin:0;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:18px;font-weight:700;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none">Read more</a> 
 
                     {% end_widget_attribute %} 
 
                    {% end_widget_block %} 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
           <th class="image-before-footer small-12 large-6 columns last" style="Margin:0 auto;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;padding:0;padding-bottom:16px;padding-left:8px;padding-right:16px;text-align:left;width:384px;background:#fff;"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding-top:-10px;padding-right:55px;text-align:left;vertical-align:top;word-wrap:break-word;padding:-30px 20px -20px;"> 
 
                    <img src="{% image_src 'section_before_src' label='Section before footer - Image (345px/340px)', src='http://34ueos46m798gtit1j06461b.wpengine.netdna-cdn.com/wp-content/uploads/2015/07/Demo_slide_v2.png', no_wrapper=True %}" alt="Image for own posts" style="-ms-interpolation-mode:bicubic;clear:both;display:block;height:300px;max-width:100%;outline:0;text-decoration:none;width:auto;margin: 0 auto;"> 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
          </tr> 
 
         </tbody> 
 
        </table> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
    </table> 
 
     <!-- SECTION - VERGE --> 
 
    <table align="center" width="800" class="container footer float-center not-outlook" style="Margin:0 auto;background:#fefefe;border-collapse:collapse;border-spacing:0;float:none;height:auto;margin:0 auto;padding:30px 0 0!important;text-align:center;vertical-align:top;" align="center" class="container post-before-footer float-center"> 
 
     <tbody> 
 
      <tr style="padding:0;text-align:left;vertical-align:top"> 
 
       <td style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
        <table class="row" style="border-collapse:collapse;border-spacing:0;display:table;padding:0;position:relative;text-align:left;vertical-align:top;width:100%"> 
 
         <tbody> 
 
          <tr style="padding:0;text-align:left;vertical-align:top"> 
 
           <th class="mobile-blog-posts blog-posts small-12 large-6 columns first" style="Margin:0 auto;background:#fff;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0 auto;max-width:440px;padding:0!important;text-align:left;width:384px"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;padding-left:55px;padding-top:12px;text-align:left;vertical-align:top;word-wrap:break-word"> 
 
                    {% widget_block rich_text "section_before_footer" overrideable=True, label='Section before footer - Text' %} 
 
                     {% widget_attribute "html" %} 
 
                      <h4 style="Margin:0;Margin-bottom:10px;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:23px;font-weight:700;line-height:28px;margin:15px 0 20px;margin-bottom:20px;padding:0;text-align:left;word-wrap:normal">Placeholder</h4> 
 
                      <p style="Margin:0;Margin-bottom:10px;color:{{widget_data.color_3.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:300;line-height:24px;margin:0;margin-bottom:20px;padding:0;text-align:left">Placeholder Text.</p> 
 
                      <a href="#" style="Margin:0;color:{{widget_data.color_2.color}};font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:18px;font-weight:700;line-height:1.3;margin:0;padding:0;text-align:left;text-decoration:none">Read more</a> 
 
                     {% end_widget_attribute %} 
 
                    {% end_widget_block %} 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
           <th class="image-before-footer small-12 large-6 columns last" style="Margin:0 auto;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:0.3;margin:0 auto;padding:0;padding-bottom:-50px;padding-left:8px;padding-right:16px;text-align:left;width:384px;background:#fff;"> 
 
            <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
             <tbody> 
 
              <tr style="padding:0;text-align:left;vertical-align:top"> 
 
               <th style="Margin:0;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;line-height:1.3;margin:0;padding:0;text-align:left"> 
 
                <table style="border-collapse:collapse;border-spacing:0;padding:0;text-align:left;vertical-align:top;width:100%"> 
 
                 <tbody> 
 
                  <tr style="padding:0;text-align:left;vertical-align:top"> 
 
                   <td class="mobile-blog-posts" style="-moz-hyphens:auto;-webkit-hyphens:auto;Margin:0;border-collapse:collapse!important;color:#0a0a0a;font-family: 'Helvetica Neue', Helvetica, 'Trebuchet MS', Geneva, Tahoma, Arial, sans-serif; font-size:16px;font-weight:400;hyphens:auto;line-height:1.3;margin:0;padding:0;padding-right:55px;text-align:left;vertical-align:top;word-wrap:break-word;padding:0px 20px 0px;"> 
 
                    <img src="{% image_src 'section_before_src' label='Section before footer - Image (300px/340px)', src='https://elementalexcelerator.com/wp-content/uploads/2017/06/IMG_9526.jpg', no_wrapper=True %}" alt="Image for own posts" style="-ms-interpolation-mode:bicubic;clear:both;display:block;height:250px;max-width:100%;outline:0;text-decoration:none;width:auto;margin: 0 auto;"> 
 
                   </td> 
 
                  </tr> 
 
                 </tbody> 
 
                </table> 
 
               </th> 
 
              </tr> 
 
             </tbody> 
 
            </table> 
 
           </th> 
 
          </tr> 
 
         </tbody> 
 
        </table> 
 
       </td> 
 
      </tr> 
 
     </tbody> 
 
    </table>