Difference between revisions of "ProxCP Customization"
From ProxCP Documentation
| Line 1: | Line 1: | ||
| − | ProxCP | + | ProxCP uses Twig templates to allow for high levels of customization to the user interface. |
== Branding Notice == | == Branding Notice == | ||
| Line 27: | Line 27: | ||
** .tooltip-wrapper | ** .tooltip-wrapper | ||
** keyframes pulse | ** keyframes pulse | ||
| + | * Additionally, there is a css/custom.css file that is loaded last on every page. You should make your custom CSS changes in that file to prevent overwriting after an update. | ||
Revision as of 13:42, 23 January 2019
ProxCP uses Twig templates to allow for high levels of customization to the user interface.
Branding Notice
If you have a branded license, you are not permitted to attempt to delete, hide, or change the branding footer in any way.
Header Logo
The ProxCP logo is located at img/logo.png. The default logo size is 350 x 56. The logo can be changed by overwriting the img/logo.png file.
Additionally, the favicon is a normal png image located at favicon.ico. The favicon size should be 16 x 16 and can be changed by overwriting the favicon.ico file.
CSS Colors
Don't like the default blue color scheme? No problem, you can change it.
- css/main.css is the primary CSS file
- Most color codes or styling you may want to change involve the following IDs and classes:
- #navigation
- .green_tab a
- .form-control:focus
- .btn-info.active
- .alert-info-vngreen
- .nav-pills>li.active>a
- .nav-elem li a
- .login-box
- .tooltip-wrapper
- keyframes pulse
- Additionally, there is a css/custom.css file that is loaded last on every page. You should make your custom CSS changes in that file to prevent overwriting after an update.