by Muddle Manor April 2nd 2012, 5:39 pm
Well, Base, it looks like you had an opportunity to call me that afterall lol!
It's been about 15 days now & I've started losing hope tbh. Was about to put the site on 'holiday'.
How the site looks now is represented in the
first screenshot provided. Bear with me, I'll need to go poke around a bit to remember precicely how I accomplished the third screenshot. I know it was an overall header template change. I'll edit this post once I remind myself specifically what that change was and implement it for you to see. Basically the header size was increased via template which also resized the category size... which has been the problem the whole time. (It's just that the header *image* size wasn't changed, so it only *appears* that the category width was the only thing that changed. In actuality both were changed, if you see how I mean.)
I'll go poke around and come back and edit this post once the change has been re-created. And thank you for your time.
EDIT*
Ok it's changed now... all I did was change the size paramater in the overall_header template from "100%" to "1200px' in a couple spots. The template is published now since I see you have responded quickly. I'll edit a third time and post the code if you like.
EDIT**
ok here is the original code:
- Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>
And here is what I changed it to:
- Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width=1200px" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_left -->
<td align="center" width="1200px" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br /> </span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>
</table>
Last edited by Muddle Manor on April 2nd 2012, 5:58 pm; edited 4 times in total