How to change client area(portal) logo in WHMCS 4?

[amjadali]

Hello guys,

 

I have recently bought a WHMCS license and was wondering if it was possible to put a logo instead of company name on the top of the client area pages where the company name appears by default. I think it is definitely possible as I saw it in another company's website.

 

Please give me instructions to do this...I couldn't find it in the Admin panel.

 

Thanks and Regards,

 

Amjad

[amjadali]

Never mind, fixed it myself

 

For other curious minds who want to do the same,

Just open templates folder of your whmcs installation.

Then open header.tpl file and edit it.

You'll see a div in which something like this would be wrapped: {company name}

Replace that text with the logo link along (in img element)

for example,

<img src="http://mydomain.com/mylogo.png" alt="My Company Name" />

 

 

Thanks

[cmo]

I am trying to place the logo. Using the tip above it loads the logo BUT the height of the header remains the same making the menu a bit messy. The height of the logo is bigger, almost twice. Where can I adjust the height of the header?

Edited October 28, 2009 by cmo

[lanquest]

I am trying to place the logo. Using the tip above it loads the logo BUT the height of the header remains the same making the menu a bit messy. The height of the logo is bigger, almost twice. Where can I adjust the height of the header?

 

Open up the /whmcs/templates/portal/style.css file

 

Basically what I did was to open that file and look for background-color:#00162C

 

Experiment by changing the line-height:60px

[lanquest]

Basically what I did was to open that file and look for background-color:#00162C

 

To be exact. Look at the following lines..

 

#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:65px;margin:0;padding:0;text-align:left;}

#top{background-color:#00162C;height:65px;margin:0 auto;padding:0;text-align:left;width:960px;}

#top_container{background-color:#00162c;border-bottom:3px solid #036;color:#FFF;height:65px;margin:0;padding:0;text-align:center;}

#welcome_box{background-color:#00162C;float:right;line-height:60px;margin:0;padding:0;text-align:right;}

 

Experiment by changing the line-height:60px and/or height:60px

 

Hope that helps