Customizing osTicket: How to Edit the Header Image and Footer

osTicketosTicket is an excellent piece of support ticket software.  In addition to having an easy-to-use interface and straightforward feel, it is also open-source and free.

After installing osTicket, many people and businesses like to customize the appearance to maintain brand / theme continuity with the rest of their site.  The below sections provide instructions for editing the header image / replacing the stock osTicket image with your own and editing the footer content.

Editing the osTicket Header Image:

1) Upload Your Desired Header Image to WordPress
Size the image you want to use to 290px × 59px and upload via FTP or by logging in to WP Admin > Media > Add New > Upload.

Note the location / URL of the background image for later.

2) Get the Header File
Open the directory to which osTicket is installed and edit include/client/header.inc.php

3) Locate and Edit the Header Image Code

Find this section of code in the header.inc.php (line 16):
<div id="header">
<a id="logo" href="index.php" title="Support Center"><img src="./images/logo2.jpg" border=0 alt="Support Center"></a>
<p><span>SUPPORT TICKET</span> SYSTEM</p>

and change the URL from logo2.jpg to that of the image that you uploaded in step.

Note: You can also edit the “SUPPORT TICKET SYSTEM” text in the following line if you’d like.

4) Save the header.inc.php file and upload it back to your server. Refresh the osTicket index and your logo will appear. If it doesn’t, try clearing your cache and refreshing again.

Editing the osTicket Footer:
1) Locate /include/client/footer.inc.php.

2) Find the following code:
<div id="footer">Copyright © osTicket.com. All rights reserved</div>
and edit the text within the div to customize your footer content. osTicket asks that you leave the powered by osTicket link as a show of support.

31 Comment on “Customizing osTicket: How to Edit the Header Image and Footer

Leave a Reply

Your email address will not be published. Required fields are marked *