{"id":2254,"date":"2020-05-22T22:24:44","date_gmt":"2020-05-22T22:24:44","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=2254"},"modified":"2020-05-22T22:39:40","modified_gmt":"2020-05-22T22:39:40","slug":"header-style","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/en\/user-guide\/header-style\/","title":{"rendered":"Header Style"},"content":{"rendered":"<p><head><meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><br \/>\n<meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><\/head><\/p>\n<p>In every post\/page back-end interface, you\u2019ll notice \u201cPage Header Options\u201d box (fig. 1.1):<\/p>\n<div id=\"attachment_1476\" class=\"wp-caption aligncenter c1\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/header-closed.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1476\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2015\/10\/header-closed-2.jpg\" alt=\"Fig. 1.1. Page header options.\" width=\"695\" height=\"173\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1.1. Page header options.<\/p>\n<\/div>\n<p>Here you can choose page header style:<\/p>\n<ul>\n<li>\u201c<strong>Show page title<\/strong>\u201d option simply renders page title (and breadcrumbs, if enabled) the way it is configure in <a href=\"https:\/\/the7kennisbank.nl\/user-guide\/theme-options\/page-titles-the7-multipurpose-wordpress-theme\/\">Theme Options -&gt; Page Titles<\/a><\/li>\n<li>\u201c<strong>Hide page title<\/strong>\u201d removes the title from a page.<\/li>\n<li>\u201c<strong>Fancy header<\/strong>\u201d allows to configure individual design of title area for the current page: background color or image, text color and size, etc. More details are available <a href=\"https:\/\/the7kennisbank.nl\/user-guide\/fancy-title\/\">here<\/a><\/li>\n<li>\u201c<strong>Slideshow<\/strong>\u201d option displays a slider instead of a page title.\u00a0More info is available <a href=\"https:\/\/the7kennisbank.nl\/user-guide\/slideshow\/\">here<\/a><\/li>\n<\/ul>\n<p>Activating \u201cFancy header\u201d or \u201cSlideshow\u201d option unveils additional \u201cHeader overlay\u201d bunch of settings (fig. 1.2).\u00a0You can choose between default and transparent modes\u00a0(last one will not work for sites with sidebar-style headers).<\/p>\n<div id=\"attachment_3198\" class=\"wp-caption alignnone c2\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._1.2._Header_overlay_options._001.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3198 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._1.2._Header_overlay_options._001.png\" alt=\"Fig. 1.2. Header overlay options.\" width=\"734\" height=\"240\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1.2. Header overlay options.<\/p>\n<\/div>\n<p>If \u201cTransparent\u201d option\u00a0is chosen, you get\u00a0additional styling settings (fig. 1.3):<\/p>\n<div id=\"attachment_3200\" class=\"wp-caption aligncenter c3\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/07\/Fig._1.3._Additional_settings_for_Transparent_header.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3200\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._1.3._Additional_settings_for_Transparent_header.png\" alt=\"Fig. 1.3. Additional settings for Transparent header.\" width=\"716\" height=\"275\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1.3. Additional settings for Transparent header.<\/p>\n<\/div>\n<ul>\n<li>\u201cLight\u201d color scheme \u2013 helpful when transparent header has dark background;<\/li>\n<li>topbar background color;<\/li>\n<li>header background color.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>In every post\/page back-end interface, you\u2019ll notice \u201cPage Header Options\u201d box (fig. 1.1): Fig. 1.1. Page header options. Here you can choose page header style: \u201cShow page title\u201d option simply renders page title (and breadcrumbs, if enabled) the way it is configure in Theme Options -&gt; Page Titles \u201cHide page title\u201d removes the title from&hellip;<\/p>\n","protected":false},"author":2,"featured_media":3471,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[15,9],"tags":[],"class_list":["post-2254","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-page-header","category-user-guide","category-15","category-9","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2254","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=2254"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2254\/revisions"}],"predecessor-version":[{"id":2540,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2254\/revisions\/2540"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/3471"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=2254"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=2254"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=2254"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}