How to Change a Header Image in Zen Cart

Upload Your Header Image:

1. Using FTP or File Manager upload your new header image to the folder location:
   /includes/templates/NAME OF YOUR TEMPLATE/images/  
   

   The 'NAME OF YOUR TEMPLATE' folder should be replaced with the actual name of your template's folder.

   Here is a link to an article that explains the directories in more detail.

Update Your stylesheet.css:

1. Now using FTP or File Manager, locate the stylesheet.css, it should be located in this folder:
   /includes/templates/classic/css
2. Edit the the stylesheet.css file and locate the following lines, the existing name of the header image is displayed in bold:
   

   #logoWrapper{
   background-image: url(../images/header_bg.jpg);
   background-repeat: repeat-x;
   background-color: #ffffff;
   height:75px;
   }

3. Replace the header_bg.jpg with the name of your new header image. 
   For example, the code should look similar to this after updating, the new name of the header image displays in bold:
   

   #logoWrapper{
   background-image: url(../images/custom-header-image.jpg);
   background-repeat: repeat-x;
   background-color: #ffffff;
   height:75px;
   }
   
   Save the changes you have made. 
   
   Congratulations, now you know how to replace the existing header image in Zen Cart with a custom image!