Editing the Header Image

If your new template contains a watermarked image, we give you a layered .psd (Photoshop) file that you can edit to replace our image with one of your own. (Note there are many image editing software programs that can open and edit a Photoshop file.)

If you are replacing our sample photo, you will probably need to resize and/or crop your new replacement image so it will fit correctly.

In Photoshop:

In Photoshop, you can click on the layer that has the main image and then drag it to the "trash can". this will delete the layer. You can then create a new layer by going to Layer > New Layer. You can then copy, or drag-and-drop, your photo onto this new layer.

Once you have your new image in place, go to File > Save As. Save the image as header.jpg. Save it to your desktop folder. If prompted, allow your new image to overwrite the old one.

In Paint Shop Pro:

In Paint Shop Pro, you can click on the layer that contains the main image and then hit the "delete" key. This removes the image, but leaves the layer in place. You can then copy your new photo onto this layer.

Once you have your new image in place, go to File > Save As. Save the image as header.jpg. Save it to your desktop folder. If prompted, allow your new image to overwrite the old one.

Uploading the New Header Image

• Click on the Support tab.
• Click on Upload Images.

• You will be redirected to another page to manage your images.
• Scroll to the Store Design Images to add your new header image.
• Make sure you have the current store version showing in the drop-down box.

• Browse to your new header.jpg image. Set the file type as "Single Image File".
• Click the Upload button.

SPECIAL NOTE: If you do not have the software or knowledge to replace the watermarked image, we can add your own image for free within 30 days of your purchase.

Quick Menu Links

Expression Web Basics:

Choose a Topic Downloading Your New Template Unzipping Your Template Files Opening Your New Web Template Tour - What's Inside FrontPage vs. Expression Web Tables vs. CSS Positioning

Expression Web Tutorials:

Choose a Topic Setting Up Expression Web Inside Expression Web Web Site Settings The Formatting Toolbar Editing Dynamic Web Templates Editing Include Pages Changing Page Title and File Names Adding and Deleting Pages Meta Tags Hyperlinks and Bookmarks Preview in Browser Before You Publish - A Checklist Publishing Your Web

Learning More:

Choose a Topic Let Expression Web Teach You Expression Web .Style1, .Style2, etc. Removing Unwanted Formatting How to Add or Modify Styles Keeping XHTML Error Free Information on Validation Ecommerce and Shopping Carts From Web-Bots to Better Navigation Search Engines Build a Better Web Site

Solving Problems:

Choose a Topic Receiving Form Results by Email Form Errors - Troubleshooting Cleaning Up Old Files and Folders Page Display and Image Issues SWF Object Detection Script Design View Quirks

ProStores Tutorials:

Choose a Topic Your ProStores Template Package Adding a New Store Version Restore The Basic Editor Installing New Template Files Store Logo File Uploading Your Design Images Activating Your New Store Version Editing the Header Image Editing ProStores "Pages" Editing/Tweaking Template Files Your ProStores Product Images Images and Security Warnings ProStores - Learning More

About CSS:

Choose a Topic Preface CSS Rules Background Rules Font Rules Text Controls The Box Model Margin, Border,  and Padding Lists About Hyperlinks Styling Forms with CSS About Divs The DocType Resources