Steven Thompson

The banner I designed is 1600 by 180 pixels. It doesn’t repeat well by design (and I don’t even know if the repeat-x function works because I haven’t tested it on a screen with a resolution larger than 1600 yet) so that’s still an issue to sort out. The image used in the banner is not our own and so I’ve added links to the site in accordance with the copyright holder’s requirements.

1) Added the following to style.css under /*** header ***/

#banner {
background:#1e1e1e url(images/berlitzlogo6.jpg) top left repeat-x;
margin:0 0 0 0;
padding:0 0 0 0;
overflow: hidden;
height: 180px;
width:100%;
}

This changes the height of the original banner to 180px.

2) Removed from header.php the following;

<div id="sitename">

<h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>

<h2><?php bloginfo('description'); ?></h2>

</div>

…and replaced it with…

<div id="banner"></div>

…in order to remove the usual Wordpress style titles overlaying the banner.