X-Cart forums - Header Spacing

X-Cart forums (https://forum.x-cart.com/index.php)

- Changing design (https://forum.x-cart.com/forumdisplay.php?f=51)

- - Header Spacing (https://forum.x-cart.com/showthread.php?t=50765)

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:

Code:

<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:

Code:

<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 :

Code:

<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

Re: Header Spacing

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

Code:

#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 */

}

Re: Header Spacing

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

Re: Header Spacing

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

Re: Header Spacing

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

Re: Header Spacing

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! :D

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