X-Cart forums

[JeanB]

Hi again, all.

I'm trying to sort the header on my website, but I'm a bit stuck!

I've changed the main.css to have the sizing etc for the new banner (966 x 150). I've also changed the margins below in the page containers to allow for the extra height in the banner.


However,

I cannot seem to change the image itself. Currently, I've cheated and just named the replacement "xlogo.gif" - Simply to use the code from the original.


In skin1/head.tpl - When I replace:

<table cellpadding="0" cellspacing="0" width="100%">
<tr> 
    <td class="HeadLogo"><a href="{$http_location}/"><img src="{$ImagesDir}/xlogo.gif" width="244" height="67" alt="" /></a></td>

With:

<table cellpadding="0" cellspacing="0" width="100%">
<tr> 
    <td class="HeadLogo"><a href="{$http_location}/"><img src="{$ImagesDir}/main_header.jpg" width="966" height="150" alt="" /></a></td>

It does not change, at all?


I've found that there's a second head.tpl in customer/ - is this anything to do with it? Do I have to change both?

Or - I cannot find a HeadLogo class in the css, so do I have to add one? But why should the original header work, just not the new image...!



My second problem is that I cannot see the top drop-shadow that I've inserted into the rectangle_top.tpl.

The image is 966 x 25 and only seems to appear in the admin area, even though I inserted it into skin1/rectangle_top.tpl :

<div id="Container" align= "center" width= "966"><img alt="" src="/skin1/images/rectangle_top.jpg"/></div>

Any help on these two issues will be so much appreciated!

Thanks in advance,
JeanB

[Zaja]

Unfortunately the logo dimension is defined in the main.css, search for following lines and change the width and the height values:

#header .line1 {
    position: relative;
    height: 67px;/*  top row */
  direction: ltr;
}
#header .line1 .logo {
  padding-top: 9px;
    margin-left: 27px;
    width: 203px; /* logo container div */
}
#header .line1 .logo a img {
    width: 203px; /* logo width  */
    height: 48px; /* logo height */
}

[JeanB]

Hi Zaja,
Thanks for your quick reply.

I have changed those sizes to the sizes for the new banner, it displays fine when the image is named "xlogo.gif", using the existing coding in head.tpl.

When I come to change "xlogo.gif" to "main_header.jpg", it does not make any changes. Even though they're both in the same directory.

NB - If I deleted xlogo, it still held on to the image! I refreshed the browser many times and also cleared the cache/temps.


Thanks for your help so far,
JeanB

[Zaja]

Did you changed the image name in /skin1/customer/head.tpl ?

[cflsystems]

In 4.2.x all client side templates are in skin1/customer so the file you need to edit is skin1/customer/head.tpl not skin1/head.tpl

[JeanB]

D'oh! Ok - Thank you!

I've edited the customer/head.tpl now and it's working fine! Thank you! Do I have to revert the skin1/head.tpl back to its 'out of the box' status?

Thanks both - that's been brill!


Hate to push it, but - Any ideas as to why my rectangle_top isn't displaying?