{"id":4263,"date":"2018-10-03T16:23:30","date_gmt":"2018-10-03T16:23:30","guid":{"rendered":"https:\/\/nels.pikarthouse.com\/documentation\/?page_id=4263"},"modified":"2018-10-03T17:04:45","modified_gmt":"2018-10-03T17:04:45","slug":"header-image","status":"publish","type":"page","link":"https:\/\/nels.pikarthouse.com\/documentation\/header-image\/","title":{"rendered":"Header Image"},"content":{"rendered":"\n<div id=\"featured-branding\"\t\tclass=\"pikode pikode--row \"  >\n\n\t<div class=\"pikode--row__wrapper pikode--row--height-auto\"  >\n\n\t\t<div class=\"pikode--row-inner\">\n\n\t\t\t\n\t\t\t<div class=\"pikode--row__content pikode--row__content--skin-none\"\n\t\t\t\t style=\"vertical-align: middle;\" >\n\n\t\t\t\t<div class=\"pikode--row__content__wrapper pikode--row__content--center\"  >\n\t\t\t\t\t<div class=\"pikode--row__content-inner pikode--row--width-auto\"  >\n\t\t\t\t\t\t<div class=\"pikode pikode--custom-content  custom-content--24\" style=\"font-weight: 700; letter-spacing: -1px; line-height: 1.68; text-decoration: none; color: #4b917d; padding: 24px 0px 0px 0px;\"><p><span style=\"color: #4b917d;\">Header Image<\/span><\/p><\/div>\n<p>The Header Image is a powerful tool of your theme that enhances the headings of any page. When enabled, it sets up the page heading above all existing content.<\/p>\n<p>The Header Image comprises the following elements:<\/p>\n<ul>\n<li><strong>heading<\/strong> of Single (Post, Page, Project)<\/li>\n<li><strong>metadata<\/strong>, which could consist of <em>Categories, Date<\/em> or <em>Comments number<\/em><\/li>\n<li><strong>breadcrumbs<\/strong><\/li>\n<li><strong>background<\/strong>, which \u2014 depending on case \u2014 could be <strong><em>a color, an image or an image with overlay color<\/em><\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4047 size-full\" src=\"https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/FB.jpg\" alt=\"\" width=\"800\" height=\"600\" srcset=\"https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/FB.jpg 800w, https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/FB-300x225.jpg 300w, https:\/\/nels.pikarthouse.com\/documentation\/wp-content\/uploads\/sites\/6\/2018\/05\/FB-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/p>\n<p>In the case of <strong><em>Singles<\/em><\/strong>,\u00a0the\u00a0Header Image can be changed locally by enabling\/disabling it. It functions in optimal conditions when\u00a0<strong><em>the title and Header Image are both set up<\/em><\/strong>. <em>For more information\u00a0<a href=\"https:\/\/nels.pikarthouse.com\/documentation\/managing-content\/layout-structure\/#fb-vs-b\" target=\"_blank\" rel=\"noopener\">please see<\/a><\/em>.<\/p>\n<p>The following options are available:<\/p>\n<ul>\n<li><strong>Enabled\u00a0<\/strong>\u2014\u00a0check this if you want to have\u00a0a Featured Branding on each Post, Page and Project<\/li>\n<\/ul>\n<div class=\"pikode pikode--cols cols \" style=\"margin-left: -36px;\" ><div class=\"pikode--column pikode--column--8\" style=\"border-left-width: 36px;\"><ul>\n<li><strong>Color style\u00a0<\/strong>\u2014 affects both the overlay\u00a0color and\u00a0its transparency\n<ul>\n<li><strong>Overlay color\u00a0<\/strong>\u2014\u00a0it\u00a0covers Heder Image (when it is setup), which is used to fill up Header Image<\/li>\n<li><strong>Overlay transparency\u00a0<\/strong>\u00a0\u2014 enter a value for overlay color transparency, <em>measured in percents<\/em><\/li>\n<\/ul>\n<\/li>\n<li><strong>Spacing\u00a0<\/strong>\u00a0\u2014 the amount of space the Header Image fills up from the total height of browser window\n<ul>\n<li><strong>Height\u00a0<\/strong>\u2014 enter the height of Header Image from the total height of browser window, <em>measured in percents<\/em><\/li>\n<\/ul>\n<\/li>\n<li><strong>Parallax\u00a0<\/strong>\u00a0\u2014 if enabled, parallax scroll effect is applied to Header Image<\/li>\n<\/ul><\/div><div class=\"pikode--column pikode--column--4\" style=\"border-left-width: 36px;\"><div class=\"pikode pikode--custom-content  custom-content--14\" style=\"font-weight: 400; line-height: 1.68; text-decoration: none; color: #636363; padding: 36px 36px 6px 36px; margin: 0px -36px 0px 0px; background-color: #f1f1f1;\"><p>If <strong><em>the\u00a0F<\/em><em>eatured Branding is enabled<\/em><\/strong> and <strong><em>Featured Branding image\u00a0is set up<\/em><\/strong> in Theme Options, it appears on any page of your site.<\/p>\n<p>However, <em><strong>it could be\u00a0replaced locally on Single\u00a0pages<\/strong>\u00a0(Post, Project, Page), by choosing another Featured Image.<\/em><\/p><\/div><\/div><\/div>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\n\t\t\t<\/div>\n\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"Header Image The Header Image is a powerful tool of your theme that enhances the headings of any page. When enabled, it sets up the page heading above all existing content. The Header Image comprises the following elements: heading of Single (Post, Page, Project) metadata, which could consist of Categories, Date or Comments number breadcrumbs [...]","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4263","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/4263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/comments?post=4263"}],"version-history":[{"count":4,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/4263\/revisions"}],"predecessor-version":[{"id":4276,"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/pages\/4263\/revisions\/4276"}],"wp:attachment":[{"href":"https:\/\/nels.pikarthouse.com\/documentation\/wp-json\/wp\/v2\/media?parent=4263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}