Wednesday, February 20, 2019

How to remove or change background image/banner - Zen Cart

How to remove background image/header from Zen Cart version 1.3.9h classic template.


Browse  the CSS stylesheet file that contains the background image command: public_html/includes/template/classic/css/stylesheet.css

Look for this command line:

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



Change the url(../images/header_bg.jpg) to NONE so it becomes like so:

#logoWrapper{
background-image: NONE;
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;
}
==============================
To change the background banner to your own just upload your an image to this folder in your hosting directory where the Zen Cart is installed: public_html/includes/template/classic/images

Then change the image name header_bg.jpg to the name of the image you have uploaded.

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

Note: **All the above instruction is based on Zen Cart original Classic Template**

1 comment: