Jump to content

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


amjadali

Recommended Posts

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

Link to comment
Share on other sites

Never mind, fixed it myself :)

 

For other curious minds who want to do the same, :P

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

Link to comment
Share on other sites

  • 1 month later...

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 by cmo
Link to comment
Share on other sites

  • 3 weeks later...
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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use & Guidelines and understand your posts will initially be pre-moderated