BBNC email templates --- preview vs. test emails

Brian Lashley
Brian Lashley
Sixth Anniversary Name Dropper Participant Facilitator 1
in Blackbaud Raiser's Edge NXT®: General Discussions

Hi all,

I've been constructing a new email template in BBNC using HTML for some time now. I've got it all set based on the preview, but the test email does not look quite the same in my Outlook browser.

The key problem is that we want a background color (beige) to blanket the entire email from top to bottom and the entire width; 100%. It's there as intended in my preview but absent from all parts of the email where a table was used to place content. The background is there for parts that are not housed within a table, but it's completely absent (and replaced with white background) where the content is in a table.

Anyone else seeing anything like this?

Tagged:

Comments

  • Rebecca Leifert
    Rebecca Leifert
    Fourth Anniversary Participant Facilitator 1 Boomerang (2024)

    Hi Brian - how did you declare you background color? Outlook is super picky and selective with rendering code so you have to double code in most cases. Let me know where & how you declared the background color & I'll let you know how to fix it.

    And - the preview in BBNC is not a great predictor of how your email will render in different clients since they all render code differently but as you discovered Outlook is an exception to almost all the rules. Watch for yahoo too.

  • Brian Lashley
    Brian Lashley
    Sixth Anniversary Name Dropper Participant Facilitator 1

    Hi Rebecca, thanks for responding!

    To answer your question, the code is:

    <body>
    <!-- Begin beige background -->
    <div align="center" style="background: #d2c394;">
    <p> </p>
    <!-- Begin blue table -->

    So right at the beginning, after the body tag I install the beige background; there is a space and then the first table, and that's where the desired background disappears (replaced with plain white) and does not reappear until the bottom of the template where tables are no longer being used. The bottom looks pretty good with the beige.

    I'm new to html coding so I'm eager to see what you can teach me!

Categories