Difference between revisions of "ProxCP Customization"
From ProxCP Documentation
| (One intermediate revision by the same user not shown) | |||
| 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 7: | Line 7: | ||
== Header Logo == | == 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. | + | 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. | + | 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 == | == CSS Colors == | ||
| − | Don't like the default | + | Don't like the default color scheme? No problem, you can change it. |
| − | * css/main.css is the primary CSS file | + | * /css/main.css is the primary CSS file |
* Most color codes or styling you may want to change involve the following IDs and classes: | * Most color codes or styling you may want to change involve the following IDs and classes: | ||
** #navigation | ** #navigation | ||
| 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. | ||
Latest revision as of 18:31, 22 July 2020
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 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.