See also: Other FreePBX pages in this wiki

Copy these files to the PBX:

cd ~/Desktop/Branding
scp *.png root@10.10.1.111:/var/www/html/admin/images/
scp *.ico root@10.10.1.111:/var/www/html/admin/images/

va_freepbx.png
va_freepbx_small.png
va_schmooze-logo.png
va_tango.png
favicon.ico

In FreePBX Advanced Settings, enable Display Readonly Settings plus Override Readonly Settings then Apply.

Now you can edit the settings in Styling and Logos section.

When done, disable hidden and read-only settings.

To replace the logo in FreePBX, replace /var/www/html/admin/images/logo.png with a 394×55 PNG.

To change the logo in the main menu, replace /var/www/html/welcome/logo.jpg with JPEG of the same dimensions.

Additionally, in later versions of PiaF, the instructions for the change of logo have changed slightly.

Create a logo called custom-logo.png, 55 pixels high, and replace the existing custom-logo.png in /var/www/html/welcome and /var/www/html/admin/images

If you have a light colored background in your logo, it often looks better in FreePBX if you make the background transparent.

Look in amportal.conf, it will tell you the name of the logo, adjust that to suit.

Then run amportal restart when you have done that.

Clear your browser cache.

This is pretty easy to do. You just need to change two files and add you own graphic. If you have a running WARP, then do the following to change the PIKA logo to your own.

First you need to upload your logo to the WARP. This logo should 55 pixels in height. You need to copy the logo to the /persistent1/var/www/html/admin/images folder. Let's assume the logo file is called companyXample.png.

Next you need to edit the FreePBX configuration file, /persistent/etc/amportal.conf. In this file you need to change the following line

AMPADMINLOGO=pika-logo.png

to your logo

AMPADMINLOGO=companyXample.png

The last thing that needs to be changed is the gateway page to FreePBX on the WARP. You need to edit the file /persistent1/var/www/html/index.html. In this file change:

<a href="http://www.pikatechnologies.com"><img src="admin/images/pika-logo.png"/></a>

to your web address and logo

<a href="http://www.companyXample.com"><img src="admin/images/companyXample.png"/></a>

Now load up the FreePBX GUI in your browser and witness the companyXample branded GUI.