{"id":329,"date":"2016-01-29T12:06:15","date_gmt":"2016-01-29T12:06:15","guid":{"rendered":"http:\/\/loftocean.com\/curious-doc\/?page_id=329"},"modified":"2016-03-09T13:41:34","modified_gmt":"2016-03-09T13:41:34","slug":"adding-color-overlay-to-a-fancy-page-header","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftbuilder\/color-overlay\/adding-color-overlay-to-a-fancy-page-header\/","title":{"rendered":"Adding Color Overlay to a Fancy Page Header"},"content":{"rendered":"<ol>\n<li>On <strong>LoftBuilder<\/strong> editor screen, click <strong>Page Header<\/strong> in LoftBuilder main toolbar.<\/li>\n<li>In the settings panel, find <strong>Fancy Header<\/strong> option, click it to enable.<\/li>\n<li>More options show. Find <strong>Color Overlay<\/strong> options.<\/li>\n<li>Click to enable it, then pick a color from the color picker.<\/li>\n<li>Drag the slider to adjust its opacity.<\/li>\n<li>Save settings.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/loftocean.com\/curious-doc\/wp-content\/uploads\/2016\/01\/page-header-color-overlay-1024x730.jpg\" alt=\"page-header-color-overlay\" width=\"1024\" height=\"730\" class=\"alignnone size-large wp-image-518\" srcset=\"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/page-header-color-overlay-1024x730.jpg 1024w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/page-header-color-overlay-300x214.jpg 300w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/page-header-color-overlay-768x548.jpg 768w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/page-header-color-overlay-1200x856.jpg 1200w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/page-header-color-overlay.jpg 1848w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>On LoftBuilder editor screen, click Page Header in LoftBuilder main toolbar. In the settings panel, find Fancy Header option, click it to enable. More options show. Find Color Overlay options. Click to enable it, then pick a color from the color picker. Drag the slider to adjust its opacity. Save settings.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":327,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-329","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/comments?post=329"}],"version-history":[{"count":1,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/329\/revisions"}],"predecessor-version":[{"id":815,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/329\/revisions\/815"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/327"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/media?parent=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}