I just recently purchased a CRE Loaded template. The whole installation was very easy. The problems started when I tried to customize the template.
You can see the header here:
http://energyweave.com/
As you can see the header only stretches part of the way before repeating itself. I have tried to remove the "computers online store" logo/link from the header but every time I try the header gets badly distorted.
You can view the original template here:
http://osc3.template-help.com/cre_20621/
And here is the original code:
Code from header.php
Code:
<tr>
<td width="100%" class="bg-top">
<a href="index.php"><img src="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME?>/images/logo.jpg" alt="" class="logo" /></a><br />
</td>
</tr>
Code from stylesheet.css
Code:
h3, h4, font {font-size:130%}
.header { background:url(images/top-tall.jpg) top left repeat-x; padding-bottom:6px;}
.bg-top { background:url(images/bg-top.jpg) top right no-repeat;}
.logo { margin:100px 519px 103px 38px;}
So far I have removed any reference to: bg-top/bg-top.jpg. I have no purpose for this picture anymore so I removed it. This is the picture:
http://osc3.template-help.com/cre_20...ges/bg-top.jpg
Below you will find the current code
Code from header.php
Code:
<tr>
<td width="100%" class="">
<a href="index.php"><img src="<?php echo DIR_WS_TEMPLATES . TEMPLATE_NAME?>/images/logo.jpg" alt="" class="logo" /></a><br />
</td>
</tr>
Code from stylesheet.css
Code:
h3, h4, font {font-size:130%}
.header { background:url(images/top-tall.jpg) top left repeat-x;padding-bottom:6px; }
.logo {margin:100px 519px 103px 38px;}
I have no idea how to remove the old logo/link without completely distorting the header. I also have no idea how to stretch the header image (top-tall.jpg)
Any help with this issue would be greatly appreciated.
Thanks
Gordon