The instructions are as follows:
Make your Bannerzest banner the width you've chosen for your project, 900 pixels in my example, by the height of the banner in this theme which is 275 pixels..
Publish the Bannerzest theme to its place on your server and select "Show HTML" (see Publish at right)
When you click this button, you'll be presented with another window (see Copy at right)
Now we have the necessary code copied to our clipboard. The final step is to open the theme's index.html file with the text editor you've selected and paste the code in the correct location. To open this file, right click the theme in Rapidweaver's theme drawer, choose "Reveal Theme Contents In Finder...". This will present you with a folder called "Contents". Open it and you will find the index.html file. Right click on this file and navigate to your chosen text editor application. In this example I chose TextWrangler. (see Textwrangler at right)
Scroll through the code until you find a place that matches that shown in the photo (see Paste here at right) The code you copied from Bannerzest is still on your clipboard. You want to paste it in the right spot. Place your cursor right after the pageHeader div and paste in the code from Bannerzest by either choosing edit>Paste from TextWrangler's menu or simply by pressing the Apple-v key combination (command-v). Now that your code is inserted, save the file and view the results.
You'll need to also add this code to the Page Inspector > Header > CSS panel:
#pageHeader h1,
#navcontainer {
margin-top:-275px;
}
This code places the Title, slogan and navigation at the correct height (otherwise they want to display down lower on the page).
Remember, when you use this technique and publish your site, send me a link so I can put your site in the showcase!
Now, go out and get inspired with "Inspiration"!

