Firstly, make sure you have a file called “custom.css” within file path –> /templates/ja_decor/css
To change your logo image, place the following CSS rule within your custom.css file:
.logo-image {
background: url("/templates/ja_decor/images/yourlogoimage.png") ;
}
There may be some additional adjustments you will need to make – depending on the dimensions of your own logo image. For example, the original CSS rule for the logo (demo version) looks like this . . .
.logo-image {
background: url("/templates/ja_decor/images/logo-bg.png") no-repeat scroll center bottom / 100% auto rgba(0, 0, 0, 0);
margin-top: -10px;
min-height: 130px;
min-width: 200px;
position: absolute;
text-align: center;
z-index: 2;
}