X-Cart forums

[edawlem]

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

PHP Code:

<div class="line1">
    <div class="logo"><a href="/"><img src="/Banner1.jpg" alt="The Vegetarian Express" /></a></div> 


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

[cflsystems]

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

[edawlem]

It was in the css background. Thanks.

[Remote]

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.

PHP Code:

<div class="logo1">
      <a onclick="$('#hr_menu').hide();" href="{$catalogs.customer}/home.php"><img src="{$ImagesDir}/custom/Logo_111.gif" width="244" height="67" alt="" /></a> 


PHP Code:

#header .line1 .logo1 {
  background-image:url(images/custom/top_lines.gif);
  background-position:right top;
  background-repeat:no-repeat; 


[A1Gifts]

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