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