issue: background colour on replies

Hi I had a few issues with my last campaign and background format when people replied.

The background of the email when people replied was black making it difficult to reply as the text was also black? It seems to be fine on mac and through google mail etc - I'm wondering if it possibly an ie/pc problem?

Heres the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Red e2,  Touching Base...</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
a:link {
    color: #CC0000;
}
a:hover {
    color: #CC0000;
}
.content h2{  font-family: Helvetica, Arial, sans-serif; font-size: 30px; font-weight: bold; color: #767572 !important; letter-spacing: -2px; line-height: 110%;}
.address { font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #767572; margin: 0; padding: 0; letter-spacing: -0.3px; }
.style1 {color: #CC0000}
</style>
</head>
<body bgcolor="#161616" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td valign="top" bgcolor="#ffa300"><table width="600" border="0" align="center" cellpadding="0" cellspacing="0" style="font: 14px Helvetica, Arial, sans-serif; color: #767572; line-height: 100%;">
<tr>
                    <td valign="top">
                        <table width="600" height="208" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                                <td height="190" style="height: 63px;">
                              <table width="100%" border="0" cellspacing="0" cellpadding="10">
                                        <tr>
                                            <td style="font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #0099FF; padding-top: 15px;"><singleline label="Title"></singleline>
                                              <div align="center"><span style="font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #FFFFFF; padding-top: 15px;">Having trouble reading this mail?
                                                  <webversion>View it in your browser</webversion>
. Not interested anymore?<unsubscribe> Click here to unsubscribe</unsubscribe>
                                              </span></div>                                        
                                            <div align="center">                                          .</div></td>
                                        </tr>
                                    </table>
                                <img src="/top_header_rede2.jpg" width="600" height="149"></td>
                                <td style="height: 56px;">&nbsp;</td>
                          </tr>
                                <tr>
                                    <td colspan="2" valign="top" style="height: 16px; background-image: url(); background-repeat: no-repeat;">&nbsp;</td>
                          </tr>
                            </table>
                  </td>
        </tr>
                    <tr>
                        <td valign="top">
              <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                <tr></tr>
                                <tr>
                                    <td valign="top">
                                        <repeater>
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tr>
                                                    <td height="819" style="font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: normal; color: #000000; letter-spacing: 0px; padding-bottom: 20px; line-height: 30px;"><p>Hi [firstname,fallback=your content here]
<br>
                                                       <br>
                                                      I hope you are keeping well and busy….and looking forward to the weekend :-)</p>
                                                      <p>I wanted to catch up to say hello and also I am wondering if you are able to help us with a something? We are doing some work to update our website and sales materials as part of a general refresh of our marketing effort. As a part of this process we thought it would be a good idea to include some short sharp quotes from people we have worked with to provide potential new clients with a sense of who we are and how we work.</p>
                                                      <p>We are working to 'go live' with the new site in the next couple of weeks and need two or three more comments to complete the exercise. To save any blushes (and any hassle with internal rules about such things) our intention is that any comments in the public domain will not be attributed to any individual  - unless of course if you are happy for us to do so – as I have mentioned it is to provide a sense of the type people we are and how easy it is to work with us.</p>
                                                      <p>It is always great to hear from you anyway and if you are comfortable with assisting us in this exercise it would be really helpful and very much appreciated :-), clearly we understand if you prefer not to contribute. Please let me know what you think.</p>
                                                      <p>One last thing, as part of our re-energised marketing effort we are going to be hosting a few events with the first one in the Autumn, I will make sure you get an early invite.</p>
                                                      <p>We should catch up properly soon anyhow for a coffee.</p>
                                                      <p>Best wishes and thank you in advance.</p>
                                                    <p><span style="font-family: Helvetica, Arial, sans-serif; color: #767572; padding: 0px 0 40px;"><img src="/pj_sig.jpg" alt="" width="240" style="padding-bottom: 20px;" editable="true" label="Image" /></span></p></td>
                                              </tr>
                                                
                                                <tr>
                                                    <td style="font-family: Helvetica, Arial, sans-serif; color: #333333; padding: 0px 0 40px;"><p>Peter Jackson</p>
                                                      <p>Red e2 Ltd<br>
                                                        The Courtyard, Twigworth Court,<br>
                                                        Twigworth, UK, GL2 9PG.<br>
                                                        t: +44 (0)870 1217060 e: <a href="mailto:info@pj@rede2.com">pj@rede2.com</a><br>
                                                    <a href="http://www.rede2.com" title="www.destin-8.com" target="_blank" class="style1">www.rede2.com</a></p></td>
                                                </tr>
                                            </table>
                                      </repeater>
                                
                                    
                            
                        </td></tr></table>
                    
                    </td></tr><tr>
                        <td background="/ducks.png"><img src="/ducks.png" width="600" height="136"></td>
              </tr></table>
          
      
                                    </td></tr></table>
                                    
                            
                        
                </body></html>
Greg Strutton Greg Strutton, 4 years ago

Hey rede2,

Thanks for posting!  Unfortunately, this is set in the email client that is replying to the email, so it's not something that you can get around really.  The best option here would be to look at using a lighter background within the campaign, thus improving the chances of any replies, such as this, from picking up the darker background.

Hope that helps.

CoderBrown CoderBrown, 4 years ago

I've run across this issue too and discovered it's because there's a background color on the <body> tag. My work-around for this is to remove the background color from the <body> and "wrap" a table with width and height set to 100% around my email and set a background color on the <td>. Not a perfect solution but it works in most cases.

Example:

<html>
<body> <!-- Do not place a background color on the body tag -->
    <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td valign="top" bgcolor="#161616"> <!-- Change bgcolor here -->
                <table width="600" align="center" border="0" cellspacing="0" cellpadding="0">
                    <!-- Rest of email goes here -->
                </table>
            </td>
        </tr>
    </table>
</body>
</html>
roshodgekiss roshodgekiss, 4 years ago

Nice one, CoderBrown - this is a great tip! +1 for this solution.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098