Share |

Docs: Customizing

freelancerKit is easy to customize. If you know how to do a little CSS you can completely transform the back-end, otherwise you could make it look very unique simply by changing a few graphics.

Change the Main Logo
1. Open your FTP
2. Go to ~/resources/
4. Replace the 'site_logo.png' with your own
Note: You can also use the name: site_logo.jpg or site_logo.gif. If you don't want a site logo just delete the file and it will show the title for your site name at the top.

Change the Invoice Logo
Same steps as above but do it with invoice_logo.png
Note: This file must be a PNG.

Theme Structure
Themes are very simple and rely on two folders:
~/css/
~/images/

The main CSS file is called 'default.css' for every theme, this file handles the major site structure and forms. The 'sections.css' file is for the display of all major elements throughout the back-end.

Make a Theme
1. Open your FTP
2. Locate: ~/resources/themes/
3. Download & Save the entire /default/ directory to your hard drive.
4. Rename the directory to something like "mysite". (Please do not use spaces) 5. Edit any of the CSS files and images you'd like. (Or edit them later and finish setting up the file)
6. Upload the new folder into the /resources/themes/ directory (You should now have a default folder, and your new folder)
7. Login to Master Admin and go to Admin > Settings
8. Find "Theme" and change it to your new theme.
Any changes you make to your theme's images and CSS will be applied to the backend as long as it is assigned.

Template Files
If you want to edit the template files they are located in ~/system/application/views. We do not provide support for customizing this area, modify at your own risk.