font size & spacing issues in newsletter

Options
I consistently have font size and spacing issues when doing our e-newsletters. I go through the coding and it says I’m at 15px but it never looks that way.  I have spaces built in, but they don’t show.  A style sheet was not built into our stationary so I'm wondering if that may be the issue.  Our success manager is out of communication so I'm at a loss on what to do to fix . this issue. Has anyone had success in having consistent font sizes and spacing in their newsletters/emails in luminate.

Attached is a screen shot that you'll see the top article is different font & spacing than bottom.

  e31733efa5029127fcdbb85892a57d3c-huge-en

 
Tagged:

Comments

  • Anne Shuniak:

    I consistently have font size and spacing issues when doing our e-newsletters. I go through the coding and it says I’m at 15px but it never looks that way.  I have spaces built in, but they don’t show.  A style sheet was not built into our stationary so I'm wondering if that may be the issue.  Our success manager is out of communication so I'm at a loss on what to do to fix . this issue. Has anyone had success in having consistent font sizes and spacing in their newsletters/emails in luminate.

    Attached is a screen shot that you'll see the top article is different font & spacing than bottom.

      e31733efa5029127fcdbb85892a57d3c-huge-en

     

    Tough to say without seeing you code. Can you click the "use plain text editor" link and give us the raw code?

  • It seems that all of my font-size are at 15px but they're not showing that way...




    <!-- BEGIN table for article sections -->

    <p>&nbsp;</p>

    <table style="width: 560px;" border="0" cellspacing="0" cellpadding="0" align="left">

    <!-- article #1 -->

            

    <tbody>

    <tr>

    <td style="font-size: 15px;" width="350" valign="top"><img src="http://ccfb.convio.net/images/content/pagebuilder/gift_boxes-just_for_you__pexels-64771_.jpeg" border="0" alt="gift boxes" vspace="10" width="560" height="420" /><br />

    <p><span style="color: #247e47; font-family: arial, helvetica, sans-serif;"><span style="font-size: 28px;"><strong>Need a Last-Minute Gift? Make It a Charitable One</strong></span></span></p>

    <p>

    <span style="font-family: arial, helvetica, sans-serif;">Instead of worrying about finding the perfect gift for your Aunt Mary or a last minute hostess gift, give a gift that makes an difference - a donation to the Chester County Food Bank.</span></p>

    <p><span style="font-family: arial, helvetica, sans-serif;">

    Our online giving platform includes an easy way to make a <a href="https://chestercountyfoodbank.org/donate/tribute-giving/" target="_blank">tribute gift</a> in a loved one&rsquo;s honor or memory, and you can even send someone a card via email letting them know of your generous gift. What a cool idea for a unique hostess gift, or for a meaningful gesture instead of a physical gift!</span></p>

    <p><span style="font-family: arial, helvetica, sans-serif; font-size: 100%;"> <a title="Make a Tribute Gift" href="http://ccfb.convio.net/site/Donation2;jsessionid=00000000.app358a?1080.donation=form1&amp;df_id=1080&amp;mfc_pref=T&amp;NONCE_TOKEN=FE427E24FD225227ADFBB1AAC616EFBB" target="_blank">Honor someone this holiday with a gift to the Food Bank &gt;&gt;</a></span></p>

    <p>&nbsp;</p>

    </td>

    </tr>

    <!-- support our mission buttons -->

      

    <tr>

    <td style="padding: 15px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;" colspan="2" width="560" valign="top">

        

    <table border="0" cellspacing="0" cellpadding="0" align="center">

    <tbody>

    <tr>

    <td class="hide" style="text-align: left;" width="220" valign="middle"><!-- appeal text -->

                <span style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #999999; font-weight: bold;">Support Our Mission:</span></td>

    <!-- donate button -->

    <td width="170" valign="middle"><a title="Donate " href="http://chestercountyfoodbank.org/donate/" target="_blank"><img src="http://ccfb.convio.net/images/content/pagebuilder/donatenow-button.png" border="0" alt="Donate Now" width="160" height="45" /></a></td>

    <!-- tell a friend button -->

    <td width="170" valign="middle"><a href="http://ccfb.convio.net/site/TellAFriend"><img src="http://ccfb.convio.net/images/content/pagebuilder/tellafriend-button.png" border="0" alt="Tell A Friend" width="160" height="45" /></a></td>

    </tr>

    </tbody>

    </table>

    </td>

    </tr>

    <!-- article #2 -->

            

    <tr>

    <td style="font-size: 15px;" width="350" valign="top"><img src="http://ccfb.convio.net/images/content/pagebuilder/eat_fresh_broccoli_cutting.jpg" border="0" alt="eatFresh" vspace="10" width="560" height="315" /><br />

    <p><span style="font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #247e47; line-height: 1.2; font-weight: bold;">EatFresh a Success! Looking Into 2018</span></p>

    <p>

    <span style="font-family: arial, helvetica, sans-serif;">The end of the year is always a great time for reflection. Here at CCFB, we're taking time to consider the progress of our community program, <a title="eatFresh" href="https://chestercountyfoodbank.org/eatfresh-success-looking-2018/" target="_blank">EatFresh</a>. This <a title="eatFresh hands on learning" href="https://chestercountyfoodbank.org/trying-new-foods-taste-eat-fresh/" target="_blank">educational, hands-on initiative</a> offers cooking and nutrition classes for youth and adults who are at risk of <a title="food insecurity" href="https://chestercountyfoodbank.org/what-is-food-insecurity/" target="_blank">food insecurity</a>.&nbsp;</span></p>

    <span style="font-family: arial, helvetica, sans-serif;">

    <a title="eatFresh looking into 2018" href="https://chestercountyfoodbank.org/eatfresh-success-looking-2018/" target="_blank">

    Read more about eatFresh &amp; the impact for participants &gt;&gt;</a></span>

    <p>&nbsp;</p>

    </td>

    </tr>

    <tr>

    <td style="padding: 15px 0; border-top: 1px solid #e5e5e5;" colspan="2" width="560" valign="top"><img src="http://ccfb.convio.net/images/content/pagebuilder/little_girl_decorating_christmas_tree__pexels-701025_.jpeg" border="0" alt="girl decorating tree" width="560" height="373" />

    </td>

    </tr>

    <!-- article #3 -->

            

    <tr>

    <td style="font-size: 15px;" width="350" valign="top">

    <p><span style="font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #247e47; line-height: 1.2; font-weight: bold;">Holiday Hours at the Food Bank</span></p>

    <p><span style="font-family: arial, helvetica, sans-serif;">The Food Bank will close at <strong>Noon on Friday, December 22 and remain closed through January 1st.</strong> We will return to the office on Tuesday, January 2, 2018.&nbsp;Thank you for being our community partner as we work to ensure access to real, healthy food for our Chester County neighbors in need.&nbsp;</span></p>

    <span style="font-family: arial, helvetica, sans-serif;">

    <a title="Holiday Hours" href="https://chestercountyfoodbank.org/contact/#holiday-hours" target="_blank">

    Click here for holiday hours &gt;&gt;</a></span>

    </td>

    <!-- END left column -->

            

    </tr>

    </tbody>

    </table>

    <p>&nbsp;</p>

    <!-- END content -->
  • Hey Anne,


    ​Thanks for posting the code.


    I hope you don't mind, but I mocked it up.... a lot.... :-)


    ​I would recommend resizing eat_fresh_broccoli_cutting.jpg and little_girl_decorating_christmas_tree__pexels-701025_.jpeg. They are full size images and will take a long time to load on a wireless network. Size them down to like 580px wide.


    ​This will get you close. I have other ideas for this for sure, but I am sure this is time-sensitive. (responsive images, no paragraph tags)


    ​Check out the litmus preview here:
    https://litmus.com/checklist/emails/public/0d52fd3


    ​Here is my updated code:
    <!-- BEGIN table for article sections -->

    <table style="width: 600px;" border="0" cellspacing="0" cellpadding="0" align="center">

    <!-- article #1 -->

     <tr>

      <td valign="top">

       <p style="color: #247e47; font-family: arial, helvetica, sans-serif; font-size: 28px; font-weight: bold;">Need a Last-Minute Gift? Make It a Charitable One</p>

       <img src="http://ccfb.convio.net/images/content/pagebuilder/gift_boxes-just_for_you__pexels-64771_.jpeg" border="0" alt="gift boxes" vspace="10" width="560" height="420" /><br />

       <p style="font-family: arial, helvetica, sans-serif; font-size: 15px;">Instead of worrying about finding the perfect gift for your Aunt Mary or a last minute hostess gift, give a gift that makes an difference - a donation to the Chester County Food Bank.</p>

       <p style="font-family: arial, helvetica, sans-serif; font-size: 15px;">Our online giving platform includes an easy way to make a <a href="https://chestercountyfoodbank.org/donate/tribute-giving/" target="_blank">tribute gift</a> in a loved one&rsquo;s honor or memory, and you can even send someone a card via email letting them know of your generous gift. What a cool idea for a unique hostess gift, or for a meaningful gesture instead of a physical gift!</p>

       <p style="font-family: arial, helvetica, sans-serif; font-size: 15px; padding-bottom: 20px;"><a title="Make a Tribute Gift" href="http://ccfb.convio.net/site/Donation2;jsessionid=00000000.app358a?1080.donation=form1&amp;df_id=1080&amp;mfc_pref=T&amp;NONCE_TOKEN=FE427E24FD225227ADFBB1AAC616EFBB" target="_blank">Honor someone this holiday with a gift to the Food Bank &gt;&gt;</a></p>

      </td>

     </tr>

    <!-- support our mission buttons -->

     <tr>

      <td style="padding: 10px 0 10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;" colspan="2" width="560" valign="top">


       <table border="0" cellspacing="0" cellpadding="0" align="center">

        <tr>

         <td class="hide" style="text-align: left;" width="220" valign="middle">

          <!-- appeal text -->

          <span style="font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #999999; font-weight: bold;">Support Our Mission:</span>

         </td>

          <!-- donate button -->

         <td width="170" valign="top">

          <a title="Donate " href="http://chestercountyfoodbank.org/donate/" target="_blank"><img src="http://ccfb.convio.net/images/content/pagebuilder/donatenow-button.png" border="0" alt="Donate Now" width="160" height="45" /></a>

         </td>

          <!-- tell a friend button -->

         <td width="170" valign="top">

          <a href="http://ccfb.convio.net/site/TellAFriend"><img src="http://ccfb.convio.net/images/content/pagebuilder/tellafriend-button.png" border="0" alt="Tell A Friend" width="160" height="45" /></a>

         </td>

        </tr>

       </table>

      </td>

     </tr>

    <!-- article #2 -->

     <tr>

      <td valign="top">

       <p style="font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #247e47; font-weight: bold; padding-top: 20px;">EatFresh a Success! Looking Into 2018</p>

       <img src="http://ccfb.convio.net/images/content/pagebuilder/eat_fresh_broccoli_cutting.jpg" border="0" alt="eatFresh" width="560" height="315" /><br />

       <p style="font-family: arial, helvetica, sans-serif; font-size: 15px;">The end of the year is always a great time for reflection. Here at CCFB, we're taking time to consider the progress of our community program, <a title="eatFresh" href="https://chestercountyfoodbank.org/eatfresh-success-looking-2018/" target="_blank">EatFresh</a>. This <a title="eatFresh hands on learning" href="https://chestercountyfoodbank.org/trying-new-foods-taste-eat-fresh/" target="_blank">educational, hands-on initiative</a> offers cooking and nutrition classes for youth and adults who are at risk of <a title="food insecurity" href="https://chestercountyfoodbank.org/what-is-food-insecurity/" target="_blank">food insecurity</a>.</p>

       <p style="font-family: arial, helvetica, sans-serif; font-size: 15px; padding-bottom: 40px;"><a title="eatFresh looking into 2018" href="https://chestercountyfoodbank.org/eatfresh-success-looking-2018/" target="_blank">Read more about eatFresh &amp; the impact for participants &gt;&gt;</a></p>

      </td>

     </tr>

    <!-- article #3 -->

     <tr>

      <td valign="top">

       <p style="font-family: Arial, Helvetica, sans-serif; font-size: 28px; color: #247e47; font-weight: bold;">Holiday Hours at the Food Bank</p>

       <img src="http://ccfb.convio.net/images/content/pagebuilder/little_girl_decorating_christmas_tree__pexels-701025_.jpeg" border="0" alt="girl decorating tree" width="560" height="373" /><p>

       <p style="font-family: arial, helvetica, sans-serif; font-size: 15px;">The Food Bank will close at <strong>Noon on Friday, December 22 and remain closed through January 1st.</strong> We will return to the office on Tuesday, January 2, 2018. Thank you for being our community partner as we work to ensure access to real, healthy food for our Chester County neighbors in need.</p>

       <p style="font-family: arial, helvetica, sans-serif; font-size: 15px;"><a title="Holiday Hours" href="https://chestercountyfoodbank.org/contact/#holiday-hours" target="_blank">Click here for holiday hours &gt;&gt;</a></p>

      </td>

     </tr>


    </table>


    <!-- END content -->



    Thanks,


    Phil

Categories