{"id":928,"date":"2018-09-21T17:48:30","date_gmt":"2018-09-21T17:48:30","guid":{"rendered":"httpss:\/\/gpsites.co\/volume\/?p=928"},"modified":"2018-09-21T17:48:30","modified_gmt":"2018-09-21T17:48:30","slug":"page-and-post-heroes","status":"publish","type":"post","link":"https:\/\/iblog.dearbornschools.org\/christestsite\/2018\/09\/21\/page-and-post-heroes\/","title":{"rendered":"Page and Post Heroes"},"content":{"rendered":"<p>The Page &#038; Post Heros are built using GP&#8217;s Header Element. <\/p>\n<p><a href=\"httpss:\/\/docs.generatepress.com\/article\/header-element-overview\/\">Learn more about the Header Element<\/a><\/p>\n<h2>Common Page Hero Settings<\/h2>\n<p><strong>Element Classes:<\/strong>\u00a0 overlay<br \/>\n<small>This applies a Custom CSS Inner Box Shadow overlay to improve contrast on the site header \/ navigation.<\/small><br \/>\n<strong>Container:<\/strong> Full Width<br \/>\n<strong>Inner Container:<\/strong> Contained<br \/>\n<strong>Padding:<\/strong> Top: 18% and Bottom: 20px.<br \/>\n<small>This will keep images responsive whilst maintaining bottom spacing<\/small><br \/>\n<strong>Background Image:<\/strong> Featured Image<br \/>\n<strong>Background Overlay:<\/strong> Yes &#8211; black tint.<\/p>\n<h3>HTML Markup<\/h3>\n<p>Hero content contains some HTML markup. This is required for the custom styling.<br \/>\nAll of them use a <strong>&lt;div class=&#8221;inside-header&#8221;&gt;&lt;\/div&gt;<\/strong> wrap.<br \/>\nThis adds the same padding and alignment that the Site header uses. It is used to maintain alignment.<\/p>\n<h2>Page Header<\/h2>\n<p><strong>Template Tags:<\/strong> {{post_title}}<br \/>\n<small>Dynamic display of Page Title<\/small><br \/>\n<strong>Display Rules: <\/strong>All pages<\/p>\n<h2>Blog and Front Page Header<\/h2>\n<p><strong>Template Tags:<\/strong> None<br \/>\nUses static H1 text.<br \/>\n<strong>Display Rules: <\/strong>Blog &amp; Front Page<\/p>\n<h2>Single Post Header<\/h2>\n<p><strong>Template Tags: <\/strong>{{post_terms.category}} , {{post_title}} , {{post_date}} and {{post_author}}<br \/>\n<strong>Display Rules:\u00a0<\/strong>Single Post<\/p>\n<p><strong>Site Header:<\/strong>\u00a0Merged with transparent header &amp; navigation.<br \/>\n<strong>Offset Site Header Height:<\/strong>\u00a0 140px<br \/>\n<small>Site Header height offset is used to maintain hero heights and to stop content from falling behind the header. The current header height will change depending on the header contents size.<\/small><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Page &#038; Post Heros are built using GP&#8217;s Header Element. Learn more about the Header Element Common Page Hero Settings Element Classes:\u00a0 overlay This applies a Custom CSS Inner Box Shadow overlay to improve contrast on the site header \/ navigation. Container: Full Width Inner Container: Contained Padding: Top: 18% and Bottom: 20px. This [&hellip;]<\/p>\n","protected":false},"author":355,"featured_media":101,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-928","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-styling"],"_links":{"self":[{"href":"https:\/\/iblog.dearbornschools.org\/christestsite\/wp-json\/wp\/v2\/posts\/928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iblog.dearbornschools.org\/christestsite\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iblog.dearbornschools.org\/christestsite\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iblog.dearbornschools.org\/christestsite\/wp-json\/wp\/v2\/users\/355"}],"replies":[{"embeddable":true,"href":"https:\/\/iblog.dearbornschools.org\/christestsite\/wp-json\/wp\/v2\/comments?post=928"}],"version-history":[{"count":0,"href":"https:\/\/iblog.dearbornschools.org\/christestsite\/wp-json\/wp\/v2\/posts\/928\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/iblog.dearbornschools.org\/christestsite\/wp-json\/wp\/v2\/media\/101"}],"wp:attachment":[{"href":"https:\/\/iblog.dearbornschools.org\/christestsite\/wp-json\/wp\/v2\/media?parent=928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iblog.dearbornschools.org\/christestsite\/wp-json\/wp\/v2\/categories?post=928"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iblog.dearbornschools.org\/christestsite\/wp-json\/wp\/v2\/tags?post=928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}