{"id":54,"date":"2014-03-09T14:06:59","date_gmt":"2014-03-09T14:06:59","guid":{"rendered":"http:\/\/themes.themegoods.com\/capella\/doc\/?p=54"},"modified":"2014-08-13T07:58:19","modified_gmt":"2014-08-13T07:58:19","slug":"setting-up-header","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/capella\/doc\/setting-up-header\/","title":{"rendered":"Setting up Header &#038; Logo"},"content":{"rendered":"<p><span style=\"color: #222222;\">Proxima includes a advanced theme admin panel. Inside theme admin panel is a Header tab. Where you setup all options for header area.<\/span><\/p>\n<p><img class=\"alignnone wp-image-545 size-full\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot1.png\" alt=\"shot1\" width=\"520\" height=\"1102\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot1.png 520w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot1-141x300.png 141w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot1-483x1024.png 483w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot1-28x60.png 28w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/p>\n<p><span style=\"color: #222222;\">If you enable &#8220;Top Bar&#8221; look at\u00a0<\/span><strong style=\"color: #222222;\">Header Info Settings\u00a0<\/strong><span style=\"color: #222222;\">you can enter phone number, email address and social icon color style for the top bar content\u00a0too.<\/span><\/p>\n<p><span style=\"color: #222222;\">Back to\u00a0<\/span><strong style=\"color: #222222;\">Header Layouts and Styles Settings\u00a0<\/strong><span style=\"color: #222222;\">there are options to change the header background color, font color and border color too. Simply click on the colorbox to open color picker panel. Select color you want and click &#8220;Save All Changes&#8221;.<\/span><\/p>\n<h3>Upload Logo<\/h3>\n<p><a href=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot2.png\"><img class=\"alignnone size-full wp-image-550\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot2.png\" alt=\"shot2\" width=\"520\" height=\"514\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot2.png 520w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot2-300x296.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot2-60x60.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot2-150x148.png 150w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/a><\/p>\n<p><span style=\"color: #222222;\">By default Proxima displays its standard logo in header. You can replace it with your logo image. Go to\u00a0<\/span><strong style=\"color: #222222;\">Theme Settings &gt; Header &gt; Logo Settings<\/strong><span style=\"color: #222222;\">\u00a0there are 2 options for logo. First one is general logo and retina logo. Click\u00a0<\/span><strong style=\"color: #222222;\">&#8220;Upload&#8221;<\/strong><span style=\"color: #222222;\">\u00a0button and select logo image from your computer then click\u00a0<\/span><strong style=\"color: #222222;\">&#8220;Insert To Post&#8221;<\/strong><span style=\"color: #222222;\">\u00a0<\/span><\/p>\n<h3>Transparent Logo<\/h3>\n<p><span style=\"color: #222222;\">Some pages use transparent logo instead of general logo for example all fullscreen templates and page with custom header background. It&#8217;s easier for you to upload transparent logo just for these background image focused pages. See sample screenshot below.\u00a0<\/span><\/p>\n<p><img class=\"alignnone wp-image-691 size-full\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.53.31-PM.png\" alt=\"\" width=\"1153\" height=\"144\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.53.31-PM.png 1153w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.53.31-PM-300x37.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.53.31-PM-1024x127.png 1024w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.53.31-PM-60x7.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.53.31-PM-150x18.png 150w\" sizes=\"(max-width: 1153px) 100vw, 1153px\" \/><\/p>\n<h3>Page Title<\/h3>\n<p><img class=\"alignnone wp-image-693 size-full\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.55.47-PM.png\" alt=\"\" width=\"525\" height=\"1052\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.55.47-PM.png 525w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.55.47-PM-149x300.png 149w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.55.47-PM-511x1024.png 511w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/p>\n<p>You can change page title\u00a0background color, font color and family. \u00a0Go to\u00a0<strong>Theme Settings &gt; Header &gt; Page Title Settings\u00a0<\/strong>You can also choose text alignment for page title between left or center.<\/p>\n<h3>Page Title With Background<\/h3>\n<p>If you upload page or post&#8217;s featured image and enable page background option. You can change page title background overlay and font size here. It&#8217;s only applied to post\/page with featured image.<\/p>\n<p><img class=\"alignnone size-full wp-image-696\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.56.45-PM.png\" alt=\"Screen Shot 2557-08-13 at 2.56.45 PM\" width=\"523\" height=\"335\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.56.45-PM.png 523w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.56.45-PM-300x192.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.56.45-PM-60x38.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-08-13-at-2.56.45-PM-150x96.png 150w\" sizes=\"(max-width: 523px) 100vw, 523px\" \/><\/p>\n<p><img class=\"alignnone size-full wp-image-95\" src=\"http:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.56.52-PM.png\" alt=\"Screen Shot 2557-03-09 at 9.56.52 PM\" width=\"520\" height=\"230\" srcset=\"https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.56.52-PM.png 520w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.56.52-PM-300x132.png 300w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.56.52-PM-60x26.png 60w, https:\/\/themes.themegoods.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/Screen-Shot-2557-03-09-at-9.56.52-PM-150x66.png 150w\" sizes=\"(max-width: 520px) 100vw, 520px\" \/><\/p>\n<p>You can also enable\/disable site breadcrumbs and its color. Go to\u00a0<strong>Theme Settings &gt; Header &gt; Breadcrumbs\u00a0Settings<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Proxima includes a advanced theme admin panel. Inside theme admin panel is a Header tab. Where you setup all options for header area. If you enable &#8220;Top Bar&#8221; look at\u00a0Header Info Settings\u00a0you can enter phone number, email address and social icon color style for the top bar content\u00a0too. Back to\u00a0Header Layouts and Styles Settings\u00a0there are [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[22,13,16,15],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/posts\/54"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/posts\/54\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/media?parent=54"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/categories?post=54"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/capella\/doc\/wp-json\/wp\/v2\/tags?post=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}