Last updated 31 October 2010. Created on 6 August 2008.
Edited by sgabe, BioALIEN, jerdavis. Log in to edit this page.

The template preprocess function attempts to suck in all of the default theme's style-sheets. This "usually" looks fine, but often needs work.

The main issue is usually the fact that your theme's CSS files are designed to render the entire page. So your boiled-down HTML might look like:

  <div id="content">
    <?php print $content ?>

And your CSS might look like this:

body {
  background-color: black;

#content {
  background-color: white;

However, mimemail-message.tpl.php(), though it uses the same CSS, results in the following HTML:

<body id="mimemail-body">
  <?php print $content ?>

Thus, your background color is black (per the body element) but your message content is never rendered as white, because the message layout doesn't include your #content id.

You have 3 options:

  1. Add #mimemail-body to your CSS with appropriate defaults such as:
          #content, #mimemail-body {
            background-color: white;
  2. Create a mail.css file. Usually, you can copy your theme's style.css and begin making appropriate changes. In addition to changing the "offensive" declarations, you can also remove a lot of unused styles (such as sidebars) so that the overall message weight is much lower.
  3. Customize mimemail-message.tpl.php and do whatever you want.

Looking for support? Visit the forums, or join #drupal-support in IRC.


fehin’s picture

The post here helped me get rid of the grey background that goes out with my emails. It should help with other issues too.