{"id":382,"date":"2016-11-19T11:23:43","date_gmt":"2016-11-19T11:23:43","guid":{"rendered":"https:\/\/buddydev.com\/docs\/?p=382"},"modified":"2017-06-15T07:26:51","modified_gmt":"2017-06-15T07:26:51","slug":"community-builder-theme-styling-panel-site-header","status":"publish","type":"post","link":"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/","title":{"rendered":"Community Builder Theme | Styling Panel | Site Header"},"content":{"rendered":"

This section allows controlling the global site header appearance.<\/p>\n

Background:-<\/h3>\n

\"buddypress-community-builder-panel-styling-site-header-1\"<\/a><\/p>\n

You can select an image as background or use some color. The background colors have alpha transparency allowed.<\/p>\n

Text\/Link Colors:-<\/h3>\n

\"buddypress-community-builder-panel-styling-site-header-2\"<\/a><\/p>\n

You can update the header text color, header link\/hover color.<\/p>\n

Border Control:-<\/h3>\n

\"buddypress-community-builder-panel-styling-header-border\"<\/a><\/p>\n

You can also control the header border. The border control allows you to control which edges(all, left, top, right, bottom) should have border and what border style(solid, dashed, dotted etc) shuld be used. You can select the border width and the color(alpha transparency is allowed in border color) .<\/p>\n

Panel Toggler Styling:-<\/h3>\n

You can live customize the colours of the panel togglers from here.<\/p>\n

\"\"<\/a><\/p>\n

Here is an example showing the customization of left panel toggler colour.<\/p>\n

\"\"<\/a><\/p>\n

 <\/p>\n

Login\/register button styling:-<\/h3>\n

\"buddypress-community-builder-panel-styling-site-header-3\"<\/a><\/p>\n

If you have the login\/register buttons enabled in the header, you can style them here.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

This section allows controlling the global site header appearance. Background:- You can select an image as background or use some color. The background colors have alpha transparency allowed. Text\/Link Colors:- You can update the header text color, header link\/hover color. Border Control:- You can also control the header border. The border control allows you to …<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7042],"tags":[],"class_list":["clearfix","post-382","post","type-post","status-publish","format-standard","hentry","category-getting-started"],"yoast_head":"\nCommunity Builder Theme | Styling Panel | Site Header • BuddyDev Help Center<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Community Builder Theme | Styling Panel | Site Header • BuddyDev Help Center\" \/>\n<meta property=\"og:description\" content=\"This section allows controlling the global site header appearance. Background:- You can select an image as background or use some color. The background colors have alpha transparency allowed. Text\/Link Colors:- You can update the header text color, header link\/hover color. Border Control:- You can also control the header border. The border control allows you to ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/\" \/>\n<meta property=\"og:site_name\" content=\"BuddyDev Help Center\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-19T11:23:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-06-15T07:26:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/buddydev.com\/docs\/files\/2016\/11\/buddypress-community-builder-panel-styling-site-header-1-151x300.png\" \/>\n<meta name=\"author\" content=\"Brajesh Singh\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brajesh Singh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/\",\"url\":\"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/\",\"name\":\"Community Builder Theme | Styling Panel | Site Header • BuddyDev Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/buddydev.com\/docs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/buddydev.com\/docs\/files\/2016\/11\/buddypress-community-builder-panel-styling-site-header-1-151x300.png\",\"datePublished\":\"2016-11-19T11:23:43+00:00\",\"dateModified\":\"2017-06-15T07:26:51+00:00\",\"author\":{\"@id\":\"https:\/\/buddydev.com\/docs\/#\/schema\/person\/4ebf5f3e519f8cbddc6583e182dbe4fb\"},\"breadcrumb\":{\"@id\":\"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/#primaryimage\",\"url\":\"https:\/\/buddydev.com\/docs\/files\/2016\/11\/buddypress-community-builder-panel-styling-site-header-1.png\",\"contentUrl\":\"https:\/\/buddydev.com\/docs\/files\/2016\/11\/buddypress-community-builder-panel-styling-site-header-1.png\",\"width\":289,\"height\":573},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/buddydev.com\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Community Builder Theme | Styling Panel | Site Header\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/buddydev.com\/docs\/#website\",\"url\":\"https:\/\/buddydev.com\/docs\/\",\"name\":\"BuddyDev Help Center\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/buddydev.com\/docs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/buddydev.com\/docs\/#\/schema\/person\/4ebf5f3e519f8cbddc6583e182dbe4fb\",\"name\":\"Brajesh Singh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/buddydev.com\/docs\/#\/schema\/person\/image\/\",\"url\":\"\/\/www.gravatar.com\/avatar\/2106622ee90d53d15ac1402806616aca?s=96&r=g&d=identicon\",\"contentUrl\":\"\/\/www.gravatar.com\/avatar\/2106622ee90d53d15ac1402806616aca?s=96&r=g&d=identicon\",\"caption\":\"Brajesh Singh\"},\"sameAs\":[\"http:\/\/buddydev.com\/members\/sbrajesh\/\",\"https:\/\/x.com\/sbrajesh\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Community Builder Theme | Styling Panel | Site Header • BuddyDev Help Center","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/","og_locale":"en_US","og_type":"article","og_title":"Community Builder Theme | Styling Panel | Site Header • BuddyDev Help Center","og_description":"This section allows controlling the global site header appearance. Background:- You can select an image as background or use some color. The background colors have alpha transparency allowed. Text\/Link Colors:- You can update the header text color, header link\/hover color. Border Control:- You can also control the header border. The border control allows you to ...","og_url":"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/","og_site_name":"BuddyDev Help Center","article_published_time":"2016-11-19T11:23:43+00:00","article_modified_time":"2017-06-15T07:26:51+00:00","og_image":[{"url":"https:\/\/buddydev.com\/docs\/files\/2016\/11\/buddypress-community-builder-panel-styling-site-header-1-151x300.png","type":"","width":"","height":""}],"author":"Brajesh Singh","twitter_misc":{"Written by":"Brajesh Singh","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/","url":"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/","name":"Community Builder Theme | Styling Panel | Site Header • BuddyDev Help Center","isPartOf":{"@id":"https:\/\/buddydev.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/#primaryimage"},"image":{"@id":"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/#primaryimage"},"thumbnailUrl":"https:\/\/buddydev.com\/docs\/files\/2016\/11\/buddypress-community-builder-panel-styling-site-header-1-151x300.png","datePublished":"2016-11-19T11:23:43+00:00","dateModified":"2017-06-15T07:26:51+00:00","author":{"@id":"https:\/\/buddydev.com\/docs\/#\/schema\/person\/4ebf5f3e519f8cbddc6583e182dbe4fb"},"breadcrumb":{"@id":"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/#primaryimage","url":"https:\/\/buddydev.com\/docs\/files\/2016\/11\/buddypress-community-builder-panel-styling-site-header-1.png","contentUrl":"https:\/\/buddydev.com\/docs\/files\/2016\/11\/buddypress-community-builder-panel-styling-site-header-1.png","width":289,"height":573},{"@type":"BreadcrumbList","@id":"https:\/\/buddydev.com\/docs\/getting-started\/community-builder-theme-styling-panel-site-header\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/buddydev.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Community Builder Theme | Styling Panel | Site Header"}]},{"@type":"WebSite","@id":"https:\/\/buddydev.com\/docs\/#website","url":"https:\/\/buddydev.com\/docs\/","name":"BuddyDev Help Center","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/buddydev.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/buddydev.com\/docs\/#\/schema\/person\/4ebf5f3e519f8cbddc6583e182dbe4fb","name":"Brajesh Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/buddydev.com\/docs\/#\/schema\/person\/image\/","url":"\/\/www.gravatar.com\/avatar\/2106622ee90d53d15ac1402806616aca?s=96&r=g&d=identicon","contentUrl":"\/\/www.gravatar.com\/avatar\/2106622ee90d53d15ac1402806616aca?s=96&r=g&d=identicon","caption":"Brajesh Singh"},"sameAs":["http:\/\/buddydev.com\/members\/sbrajesh\/","https:\/\/x.com\/sbrajesh"]}]}},"_links":{"self":[{"href":"https:\/\/buddydev.com\/docs\/wp-json\/wp\/v2\/posts\/382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buddydev.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/buddydev.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/buddydev.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/buddydev.com\/docs\/wp-json\/wp\/v2\/comments?post=382"}],"version-history":[{"count":3,"href":"https:\/\/buddydev.com\/docs\/wp-json\/wp\/v2\/posts\/382\/revisions"}],"predecessor-version":[{"id":593,"href":"https:\/\/buddydev.com\/docs\/wp-json\/wp\/v2\/posts\/382\/revisions\/593"}],"wp:attachment":[{"href":"https:\/\/buddydev.com\/docs\/wp-json\/wp\/v2\/media?parent=382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/buddydev.com\/docs\/wp-json\/wp\/v2\/categories?post=382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/buddydev.com\/docs\/wp-json\/wp\/v2\/tags?post=382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}