Background image not appearing

Good question!
I'm trying to figure this one out too.
Cheers,

Chad

OK, here's what to do.
Put any kind of text in the "mission statement" box, even a period, then the banner photo will show up.
(make sure the box is checked)
I used a period and you can barely see it.
Next, I will need to change the color of the text to black so it's not visible.
Hope that helps.
Cheers,

Chad

Thanks - surely this is a bug that can be fixed ?

Instead of changing the color of the text you can add "display: none" to the css and the text will not be displayed (though it still appears in your source code). However, using "display: none" may be considered bad form by Google...

Actually that's not a bug but just the way the background image styling works. The idea is that you add a Mission Statement and then if it is enabled on your theme settings page it will load on the front page and display the background image.

If you want it to appear without having to enter a mission statement you'll need to modify the "page-front.tpl.php" file in your theme's folder.

So open that file and change this code:

      <?php if ($preface_sidebar || $mission) : ?>
      <div id="preface-wrapper" class="clearfix" <?php print $banner_image; ?>>
        <?php if ($preface_sidebar): ?>
          <div id="preface-sidebar">
            <?php print $preface_sidebar; ?>
          </div>
        <?php endif; ?>
        <?php if ($mission): ?>
          <div id="mission"> 
            <?php print $mission; ?>
          </div>
        <?php endif; ?>
      </div><!-- /preface-wrapper -->
      <?php endif; ?>

To this code:

      <div id="preface-wrapper" class="clearfix" <?php print $banner_image; ?>>
        <?php if ($preface_sidebar): ?>
          <div id="preface-sidebar">
            <?php print $preface_sidebar; ?>
          </div>
        <?php endif; ?>
        <?php if ($mission): ?>
          <div id="mission"> 
            <?php print $mission; ?>
          </div>
        <?php endif; ?>
      </div><!-- /preface-wrapper -->

That removes the if statement around the wrapping div that creates the div that holds the background image.