{"id":28,"date":"2014-10-22T09:45:41","date_gmt":"2014-10-22T09:45:41","guid":{"rendered":"http:\/\/themes.themegoods.com\/altair\/doc\/?p=28"},"modified":"2014-10-22T09:54:36","modified_gmt":"2014-10-22T09:54:36","slug":"setting-up-header-logo","status":"publish","type":"post","link":"https:\/\/themes.themegoods.com\/altair\/doc\/setting-up-header-logo\/","title":{"rendered":"Setting up Header &#038; Logo"},"content":{"rendered":"<p><span style=\"color: #222222;\">Theme\u00a0includes a advanced theme admin panel. Inside theme admin panel is a Header tab. Where you setup all options for header area.<\/span><\/p>\n<h3>Display Top Bar<\/h3>\n<p><img class=\"alignnone size-full wp-image-31\" src=\"http:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot1.png\" alt=\"Screen Shot\" width=\"525\" height=\"606\" srcset=\"https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot1.png 525w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot1-259x300.png 259w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot1-51x60.png 51w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot1-129x150.png 129w\" sizes=\"(max-width: 525px) 100vw, 525px\" \/><\/p>\n<p><img class=\"alignnone size-full wp-image-32\" src=\"http:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot2.png\" alt=\"Screen Shot2\" width=\"519\" height=\"611\" srcset=\"https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot2.png 519w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot2-254x300.png 254w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot2-50x60.png 50w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot2-127x150.png 127w\" sizes=\"(max-width: 519px) 100vw, 519px\" \/><\/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.themegoods2.com\/capella\/doc\/wp-content\/uploads\/2014\/03\/shot2.png\"><img class=\"alignnone size-full wp-image-34\" src=\"http:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot3.png\" alt=\"Screen Shot\" width=\"515\" height=\"645\" srcset=\"https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot3.png 515w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot3-239x300.png 239w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot3-47x60.png 47w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot3-119x150.png 119w\" sizes=\"(max-width: 515px) 100vw, 515px\" \/><\/a><\/p>\n<p><span style=\"color: #222222;\">By default theme\u00a0displays 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 size-full wp-image-36\" src=\"http:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot4.png\" alt=\"Screen Shot\" width=\"1061\" height=\"409\" srcset=\"https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot4.png 1061w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot4-300x115.png 300w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot4-1024x394.png 1024w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot4-60x23.png 60w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot4-150x57.png 150w\" sizes=\"(max-width: 1061px) 100vw, 1061px\" \/><\/p>\n<h3>Page Title<\/h3>\n<p><img class=\"alignnone size-full wp-image-37\" src=\"http:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot11.png\" alt=\"Screen Shot1\" width=\"518\" height=\"874\" srcset=\"https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot11.png 518w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot11-177x300.png 177w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot11-35x60.png 35w\" sizes=\"(max-width: 518px) 100vw, 518px\" \/><\/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-38\" src=\"http:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot5.png\" alt=\"Screen Shot\" width=\"522\" height=\"347\" srcset=\"https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot5.png 522w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot5-300x199.png 300w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot5-60x39.png 60w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot5-150x99.png 150w\" sizes=\"(max-width: 522px) 100vw, 522px\" \/><\/p>\n<h3>Breadcrumbs<\/h3>\n<p><img class=\"alignnone size-full wp-image-39\" src=\"http:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot21.png\" alt=\"Screen Shot2\" width=\"519\" height=\"238\" srcset=\"https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot21.png 519w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot21-300x137.png 300w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot21-60x27.png 60w, https:\/\/themes.themegoods.com\/altair\/doc\/wp-content\/uploads\/2014\/10\/Screen-Shot21-150x68.png 150w\" sizes=\"(max-width: 519px) 100vw, 519px\" \/><\/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>Theme\u00a0includes a advanced theme admin panel. Inside theme admin panel is a Header tab. Where you setup all options for header area. Display Top Bar 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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[16,17,18],"_links":{"self":[{"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/posts\/28"}],"collection":[{"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":0,"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/posts\/28\/revisions"}],"wp:attachment":[{"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/media?parent=28"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/categories?post=28"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themes.themegoods.com\/altair\/doc\/wp-json\/wp\/v2\/tags?post=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}