{"id":86,"date":"2026-04-06T19:09:19","date_gmt":"2026-04-06T19:09:19","guid":{"rendered":"https:\/\/ghlcss.com\/blog\/?p=86"},"modified":"2026-04-23T15:26:11","modified_gmt":"2026-04-23T15:26:11","slug":"ghl-dashboard-css-white-label-branding","status":"publish","type":"post","link":"https:\/\/ghlcss.com\/blog\/ghl-dashboard-css-white-label-branding\/","title":{"rendered":"GHL Dashboard CSS: How to Create a Custom White-Label Experience"},"content":{"rendered":"<style>.kb-table-of-content-nav.kb-table-of-content-id86_bda4a1-fb .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);border-top:2px solid #cc66ff;border-right:2px solid #cc66ff;border-bottom:2px solid #cc66ff;border-left:2px solid #cc66ff;border-top-left-radius:10px;border-bottom-right-radius:10px;}.kb-table-of-content-nav.kb-table-of-content-id86_bda4a1-fb .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id86_bda4a1-fb .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id86_bda4a1-fb .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}@media all and (max-width: 1024px){.kb-table-of-content-nav.kb-table-of-content-id86_bda4a1-fb .kb-table-of-content-wrap{border-top:2px solid #cc66ff;border-right:2px solid #cc66ff;border-bottom:2px solid #cc66ff;border-left:2px solid #cc66ff;}}@media all and (max-width: 767px){.kb-table-of-content-nav.kb-table-of-content-id86_bda4a1-fb .kb-table-of-content-wrap{border-top:2px solid #cc66ff;border-right:2px solid #cc66ff;border-bottom:2px solid #cc66ff;border-left:2px solid #cc66ff;}}<\/style>\n\n\n<p>Do you want to change the look of your <strong>GoHighLevel (GHL)<\/strong> dashboard? A custom dashboard makes your agency look like a high-end software company. By using <strong>GHL Dashboard CSS<\/strong>, you can hide menus, change colors, and add your own branding.<\/p>\n\n\n\n<p>In this guide, we will show you how to transform the standard GHL interface into a professional, white-labeled platform. To see how these changes compare to page-specific styling, check out our <a href=\"https:\/\/ghlcss.com\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/ghlcss.com\/\" rel=\"noreferrer noopener\">GHL CSS<\/a> master guide.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns86_6f4d06-3b{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns86_6f4d06-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns86_6f4d06-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns86_6f4d06-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns86_6f4d06-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns86_6f4d06-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns86_6f4d06-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns86_6f4d06-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns86_6f4d06-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns86_6f4d06-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn86_20e972-b5.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn86_20e972-b5.kb-button{color:var(--global-palette2, #2B6CB0);border-top-left-radius:10px;border-bottom-right-radius:10px;border-top-color:#cc66ff;border-top-style:solid;border-right-color:#cc66ff;border-right-style:solid;border-bottom-color:#cc66ff;border-bottom-style:solid;border-left-color:#cc66ff;border-left-style:solid;}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn86_20e972-b5.kb-button{border-top-color:#cc66ff;border-top-style:solid;border-right-color:#cc66ff;border-right-style:solid;border-bottom-color:#cc66ff;border-bottom-style:solid;border-left-color:#cc66ff;border-left-style:solid;}}@media all and (max-width: 767px){.wp-block-kadence-advancedbtn .kb-btn86_20e972-b5.kb-button{border-top-color:#cc66ff;border-top-style:solid;border-right-color:#cc66ff;border-right-style:solid;border-bottom-color:#cc66ff;border-bottom-style:solid;border-left-color:#cc66ff;border-left-style:solid;}}<\/style><a class=\"kb-button kt-button button kb-btn86_20e972-b5 kt-btn-size-standard kt-btn-width-type-full kb-btn-global-outline  kt-btn-has-text-true kt-btn-has-svg-false  wp-block-kadence-singlebtn\" href=\"https:\/\/link.leadsflex.com\/schedule-quickcall\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"kt-btn-inner-text\">Get a Free Custom Growth Plan Call<\/span><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Why Customize the GHL Dashboard?<\/h2>\n\n\n\n<p>When you sell GHL to clients, you want them to feel like they are using <em>your<\/em> software. The default look is fine, but it is recognizable. Customizing the dashboard helps with:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Brand Identity:<\/strong> Use your specific brand colors and fonts.<\/li>\n\n\n\n<li><strong>Simplification:<\/strong> Hide tools that your clients don&#8217;t need.<\/li>\n\n\n\n<li><strong>Premium Pricing:<\/strong> A custom-looking app allows you to charge more.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Top Ways to Use GHL Dashboard CSS<\/h2>\n\n\n\n<p>There are many parts of the dashboard you can change. Here are the most popular requests from agency owners:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Customizing the Sidebar<\/h3>\n\n\n\n<p>The sidebar is the first thing a client sees. You can change its background color, the hover effect on icons, and even the width of the menu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Styling the Top Header<\/h3>\n\n\n\n<p>You can add a gradient to the top bar or change the search box style. This makes the entire interface feel modern and fresh.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns86_718879-93{gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns86_718879-93 .kt-button{font-weight:normal;font-style:normal;}.kt-btns86_718879-93 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns86_718879-93 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns86_718879-93 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns86_718879-93 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns86_718879-93 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns86_718879-93 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns86_718879-93 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns86_718879-93\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn86_7ee0f5-16.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn86_7ee0f5-16.kb-button{color:var(--global-palette2, #2B6CB0);border-top-left-radius:10px;border-bottom-right-radius:10px;border-top-color:#cc66ff;border-top-style:solid;border-right-color:#cc66ff;border-right-style:solid;border-bottom-color:#cc66ff;border-bottom-style:solid;border-left-color:#cc66ff;border-left-style:solid;}@media all and (max-width: 1024px){.wp-block-kadence-advancedbtn .kb-btn86_7ee0f5-16.kb-button{border-top-color:#cc66ff;border-top-style:solid;border-right-color:#cc66ff;border-right-style:solid;border-bottom-color:#cc66ff;border-bottom-style:solid;border-left-color:#cc66ff;border-left-style:solid;}}@media all and (max-width: 767px){.wp-block-kadence-advancedbtn .kb-btn86_7ee0f5-16.kb-button{border-top-color:#cc66ff;border-top-style:solid;border-right-color:#cc66ff;border-right-style:solid;border-bottom-color:#cc66ff;border-bottom-style:solid;border-left-color:#cc66ff;border-left-style:solid;}}<\/style><a class=\"kb-button kt-button button kb-btn86_7ee0f5-16 kt-btn-size-standard kt-btn-width-type-full kb-btn-global-outline  kt-btn-has-text-true kt-btn-has-svg-false  wp-block-kadence-singlebtn\" href=\"http:\/\/gohighlevel.com\/30-day-trial?fp_ref=leadsflex\" target=\"_blank\" rel=\"noreferrer noopener\"><span class=\"kt-btn-inner-text\">Claim Your $10K Bonuses + Free Funnels<\/span><\/a><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Standard Dashboard vs. Custom CSS Dashboard<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><td><strong>Feature<\/strong><\/td><td><strong>Standard GHL<\/strong><\/td><td><strong>Custom CSS Dashboard<\/strong><\/td><\/tr><\/thead><tbody><tr><td><strong>Colors<\/strong><\/td><td>Default Blue\/Grey<\/td><td>Your Brand Colors<\/td><\/tr><tr><td><strong>Menu Items<\/strong><\/td><td>Shows Everything<\/td><td>Hidden or Reordered<\/td><\/tr><tr><td><strong>Feel<\/strong><\/td><td>Basic SaaS<\/td><td>Premium Software<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">CSS Snippets for Agency Branding<\/h2>\n\n\n\n<p>Ready to style your agency? Copy and paste these codes into your <strong>Agency Settings &gt; Company &gt; Custom CSS<\/strong> box.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Change Sidebar Background Color<\/h3>\n\n\n\n<p>CSS<\/p>\n\n\n\n<pre class=\"wp-block-code has-background\" style=\"background-color:#d56af7\"><code>.hl_sidebar {\n  background-color: #0d1117 !important;\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Hide the &#8220;Help&#8221; Icon for Clients<\/h3>\n\n\n\n<p>CSS<\/p>\n\n\n\n<pre class=\"wp-block-code has-background\" style=\"background-color:#d56af7\"><code>#help-icon-id {\n  display: none !important;\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step-by-Step: How to Apply Global Dashboard CSS<\/h2>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>Log in to your <strong>Agency View<\/strong>.<\/li>\n\n\n\n<li>Click on <strong>Settings<\/strong> in the bottom left.<\/li>\n\n\n\n<li>Select the <strong>Company<\/strong> tab.<\/li>\n\n\n\n<li>Scroll down to <strong>Custom CSS<\/strong>.<\/li>\n\n\n\n<li>Paste your code and click <strong>Update Company<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>If you are also building out a course area for your clients, make sure to read our guide on <a href=\"https:\/\/ghlcss.com\/blog\/ghl-membership-site-css-styling-guide\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/ghlcss.com\/blog\/ghl-membership-site-css-styling-guide\/\" rel=\"noreferrer noopener\">GHL Membership Site CSS<\/a> to match your dashboard&#8217;s look.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>Customizing your dashboard is a game-changer. It moves your business away from looking like a &#8220;reseller&#8221; and toward looking like a &#8220;creator.&#8221;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Do you want to change the look of your GoHighLevel (GHL) dashboard? A custom dashboard makes your agency look like a high-end software company. By using GHL Dashboard CSS, you can hide menus, change colors, and add your own branding. In this guide, we will show you how to transform the standard GHL interface into&#8230;<\/p>\n","protected":false},"author":1,"featured_media":87,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-86","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-setup-guides"],"_links":{"self":[{"href":"https:\/\/ghlcss.com\/blog\/wp-json\/wp\/v2\/posts\/86","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ghlcss.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ghlcss.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ghlcss.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ghlcss.com\/blog\/wp-json\/wp\/v2\/comments?post=86"}],"version-history":[{"count":4,"href":"https:\/\/ghlcss.com\/blog\/wp-json\/wp\/v2\/posts\/86\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/ghlcss.com\/blog\/wp-json\/wp\/v2\/posts\/86\/revisions\/116"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ghlcss.com\/blog\/wp-json\/wp\/v2\/media\/87"}],"wp:attachment":[{"href":"https:\/\/ghlcss.com\/blog\/wp-json\/wp\/v2\/media?parent=86"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ghlcss.com\/blog\/wp-json\/wp\/v2\/categories?post=86"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ghlcss.com\/blog\/wp-json\/wp\/v2\/tags?post=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}