You can customize the look & feel of your HighLevel account by adding custom CSS in 

Agency Settings → CSS settings.


One of our community members (HighLevel Hacker) built this cool custom CSS generator: http://highlevelhacker.com/tools/highlevel-admin-css-generator.php


Just an example of what you can do with white label branding… have fun!!

Put this code in the Agency Settings → CSS settings


 

/* Left Navigation Bar Background */

nav#navbar {

    background: #f3f3f3;

}

/* Left Navigation Bar Active Menu */

.hl_navbar--links>li .nav-dropdown-links, .hl_navbar--links>li .nav-marketing-links {

    background-color: #fff;

    border-top: 1px solid #1565c0;

    border-bottom: 1px solid #1565c0;

}

/* Left Navigation Bar Check In Button */

button.hl_navbar--button.btn.btn-success.btn-block {

    background: #2388e5;

    color: #fff;

}

/* Top header background */

header.hl_header {

    background: #2388e5;

}

/* Top header account button padding */

button.btn.dropdown-toggle.btn-light {

    padding: 10px !important;

    border-radius: 5px;

}

/* Top header circle button background*/

.btn-circle{

    background: #fff !important;

}

.btn-circle:hover,.btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover{

    background: #f3f3f3 !important;

}

/* Dashboard Header Background*/

#dashboard .hl_dashboard--conversion-rate .card-header, #dashboard .hl_dashboard--matters-added .card-header, #dashboard .hl_dashboard--pipeline-value .card-header, #dashboard .hl_dashboard--sales-funnel .card-header {

    padding-right: 20px;

    background: #64b5f663;

}

/* Dashboard Header font color*/

.card-header h2, .card-header h3{

color:#2388e5 !important;

padding-right:5px;

}

/* Reduce Opportunity padding - save space*/

.hl_opportunities-item .card-body {

padding: 5px;

line-height: 1.0;

font-size: 12px;

}

.hl_opportunities-item .card-info:not(:last-child) {

margin-bottom: 5px;

}

 

/* Left Navigation Bar Background */

nav#navbar {

    background: #f3f3f3;

}

/* Left Navigation Bar Active Menu */

.hl_navbar--links>li .nav-dropdown-links, .hl_navbar--links>li .nav-marketing-links {

    background-color: #fff;

    border-top: 1px solid #38ab37;

    border-bottom: 1px solid #38ab37;

}

/* Left Navigation Bar Check In Button */

button.hl_navbar--button.btn.btn-success.btn-block {

    background: #333333;

    color: #fff;

}

/* Top header background */

header.hl_header {

    background: #333333;

}

/* Top header account button padding */

button.btn.dropdown-toggle.btn-light {

    padding: 10px !important;

    border-radius: 5px;

}

/* Top header circle button background*/

.btn-circle{

    background: #fff !important;

}

.btn-circle:hover,.btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover{

    background: #f3f3f3 !important;

}

/* Dashboard Header Background*/

#dashboard .hl_dashboard--conversion-rate .card-header, #dashboard .hl_dashboard--matters-added .card-header, #dashboard .hl_dashboard--pipeline-value .card-header, #dashboard .hl_dashboard--sales-funnel .card-header {

    padding-right: 20px;

    background: #b3b3b3;

}

/* Dashboard Header font color*/

.card-header h2, .card-header h3{

color:#2388e5 !important;

padding-right:5px;

}

/* Reduce Opportunity padding - save space*/

.hl_opportunities-item .card-body {

padding: 5px;

line-height: 1.0;

font-size: 12px;

}

.hl_opportunities-item .card-info:not(:last-child) {

margin-bottom: 5px;

}

/* Left Navigation Bar Background */

nav#navbar {

    background: #f3f3f3;

}

/* Left Navigation Bar Active Menu */

.hl_navbar--links>li .nav-dropdown-links, .hl_navbar--links>li .nav-marketing-links {

    background-color: #fff;

    border-top: 1px solid #38ab37;

    border-bottom: 1px solid #38ab37;

}

/* Left Navigation Bar Check In Button */

button.hl_navbar--button.btn.btn-success.btn-block {

    background: #38ab37;

    color: #fff;

}

/* Top header background */

header.hl_header {

    background: #38ab37;

}

/* Top header account button padding */

button.btn.dropdown-toggle.btn-light {

    padding: 10px !important;

    border-radius: 5px;

}

/* Top header circle button background*/

.btn-circle{

    background: #fff !important;

}

.btn-circle:hover,.btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover{

    background: #f3f3f3 !important;

}

/* Dashboard Header Background*/

#dashboard .hl_dashboard--conversion-rate .card-header, #dashboard .hl_dashboard--matters-added .card-header, #dashboard .hl_dashboard--pipeline-value .card-header, #dashboard .hl_dashboard--sales-funnel .card-header {

    padding-right: 20px;

    background: #38ab3787;

}

/* Dashboard Header font color*/

.card-header h2, .card-header h3{

color:#2388e5 !important;

padding-right:5px;

}

/* Reduce Opportunity padding - save space*/

.hl_opportunities-item .card-body {

padding: 5px;

line-height: 1.0;

font-size: 12px;

}

.hl_opportunities-item .card-info:not(:last-child) {

margin-bottom: 5px;

}