nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

BBNC email templates --- preview vs. test emails

Brian Lashley

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?

Find more posts tagged with

NetCommunity

Comments

Rebecca Leifert

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

Hi Rebecca, thanks for responding!

To answer your question, the code is:

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!