how do you change header size in portal template?

[Martyn]

i dont like it looking so wide! just wondering how i change its width?

 

tried a few html changes, and css. but not yet found the code!

 

regards

[uberhost]

i dont like it looking so wide! just wondering how i change its width?

You could comment out the tiled background image in the CSS like so:

 

/*background: #ffffff url("images/whmcslogobg.png") repeat-x;*/

 

That would be the easiest way, unless you want to use some other width and retain the tiling image, of course.

[Jay]

That's because the header is just a background which is applied to the whole page. To make it apply to the size of the wrapper which is by default 760px, open style.css and do the following step.

 

Change

body {
background: #ffffff url("images/whmcslogobg.png") repeat-x;
margin: 0px;
}

 

To

body {
margin: 0px;
}

 

And then change,

table.wrapper {
width: 760px;
}

To

table.wrapper {
width: 760px;
background: #ffffff url("images/whmcslogobg.png") repeat-x;
}

Then assuming you want to change the width of the footer, change the following code in footer.tpl:

<table width="100%" border="0" cellpadding="0" cellspacing="0" style="background:#6e97be;">
   	<tr>
       <td><table width="760" border="0" cellpadding="0" cellspacing="0" align="center"><tr>
   	<td class="footerbar"><strong>{$companyname}</strong></td>
   	<td class="footerbar"><div align="right">{if $langchange}{$setlanguage}{/if}</div></td>
       </tr>
       </table>
       </td>
   	</tr>
   	</table>

To

<table width="760" border="0" cellpadding="0" cellspacing="0" align="center"><tr>
   	<td class="footerbar"><strong>{$companyname}</strong></td>
   	<td class="footerbar"><div align="right">{if $langchange}{$setlanguage}{/if}</div></td>
       </tr>
       </table>

Hope that helps.

[railto]

Jay, that worked a treat, thanks. It seemed to work automaticaly on 3.4 but since 3.5 i couldnt get rid of the background. now looks so much better