Difference between revisions of "ProxCP Customization"
From ProxCP Documentation
(Created page with "ProxCP does not currently use templates to allow for high levels of customization. However, it is easy to change some aspects of the design. == Branding Notice == If you hav...") |
|||
| (2 intermediate revisions 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. | ||
== 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 25: | 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.