Logo Image
 

http://www.thevegetarianexpress.com/cart/home.php?cat=249

I'm wanting to change the company logo. I've made the following change in skin1/customer/head.tpl


But the template logo still shows up. I must be missing something... ?

Re: Logo Image
 

Your <img src="/Banner1.jpg" doesn't seem right. Where is the new image located? Also make sure there is no background setup in the class logo

Re: Logo Image
 

It was in the css background. Thanks.

Re: Logo Image
 

I have changed the .css background. I have changed the customer/head.tpl, and still cant get the image I want showing. Someone has to have clearer instructions than what has been given.

Re: Logo Image
 

I hope I am understanding your needs. They were mine too. I also hope I am not being repetitive of someone elses post. Only trying to help.
This is what I did (I have 4.2.2):
Went to: main.css Scroll down to:
=====Layout Styles=====
Then changed the "Company Logo" to my Logo URL using https://yourwebsiteurl/wherelogois...etc. See true example below (changes are bold in red):

/*================================================= =============================
layout styles
================================================== ============================*/
/* page container */
#page-container {
margin: 0px auto;
width: 780px;
min-height: 100%;
position: relative;
}
/* page layout */
#content-container {
clear: both;
float: left;
overflow: hidden;
position: relative;
width: 100%;
padding-bottom: 68px;
margin-top: 153px;
z-index: 1;
}
#content-container2 {
float: left;
position: relative;
right: 100%;
width: 200%;
}
#center {
float: left;
position: relative;
width: 50%;
left: 50%;
}
#left-bar {
float: left;
position: relative;
width: 180px;
}
#center-main {
margin: 0px 0px 0px 200px;
overflow: hidden;
position: relative;
}
.welcome-page #center-main {
margin-left: 0px;
}
#header {
height: 153px;
position: absolute;
top: 0px;
width: 100%;
border-top: 4px solid #f3c8bf;
}
#footer {
height: 68px;
width: 100%;
position: absolute;
bottom: 0;
overflow: hidden;
float: left;
}
/*
Right-to-left
*/
.rtl {
direction: rtl;
}
/*
header styles
*/
#header .line1 {
margin: 0px;
position: relative;
height: 102px;
direction: ltr;
}
#header .line1 .logo {
position: absolute;
left: 20px;
top: 31px;
width: 228px;
height: 50px;
}
#header .line1 .logo a:link,
#header .line1 .logo a:visited,
#header .line1 .logo a:hover,
#header .line1 .logo a:active
{
display: block;
width: 375px;
height: 75px;
background: transparent url(https://www.a1discountgifts.com/images/a1logored.gif) no-repeat left top;
}
#header .line1 .logo img {
display: none;
}
/* header tabs */
.tabs {
position: absolute;
===========================
Don't forget to change the image width and height (shown in red).

This seemed to work with all pages.

Hope this helps!!

A1Gifts
4.2.2