As it is, our design still very much looks like any Joomla! site—and that big Joomla! logo on every page isn't helping much! You'll replace this with your client's logo. The original Joomla! logo is just 298 pixels wide and 75 pixels high. We'll create a new image that takes up the full width and height of the header; this way, we can change the site's looks distinctively with just one graphic.
1. Open up your image editing tool. In this example, we'll use Adobe Photoshop, but any image editor will do.
2. The space where we want to place our image (the full width and height of the template header) has these dimensions: 920 x 108 pixels. To leave room for a little margin, we'll create a new header file of slightly smaller dimensions: 900 x 98 pixels. Click on New. In the Width and Height boxes, fill in 900 and 98 pixels. Choose Background Contents: Transparent.
3. In Photoshop, the PNG file shows a grey and white "checkerboard" background. This indicates...