{"id":331,"date":"2016-01-29T12:07:09","date_gmt":"2016-01-29T12:07:09","guid":{"rendered":"http:\/\/loftocean.com\/curious-doc\/?page_id=331"},"modified":"2016-03-14T11:18:39","modified_gmt":"2016-03-14T11:18:39","slug":"adding-color-overlay-to-a-section","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftbuilder\/color-overlay\/adding-color-overlay-to-a-section\/","title":{"rendered":"Adding Color Overlay to a Section"},"content":{"rendered":"<ol>\n<li>On <strong>LoftBuilder<\/strong> editor screen, activate the content edit mode.<\/li>\n<li>Move your cursor onto a section. Click <strong><i class=\"fa fa-cog\"><\/i> (Settings)<\/strong> button in the section toolbar to open the <strong>Section Settings<\/strong> panel.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-995\" src=\"http:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-settings-2-1.jpg\" alt=\"section-settings-2\" width=\"1954\" height=\"928\" srcset=\"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-settings-2-1.jpg 1954w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-settings-2-1-300x142.jpg 300w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-settings-2-1-768x365.jpg 768w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-settings-2-1-1024x486.jpg 1024w\" sizes=\"auto, (max-width: 1954px) 100vw, 1954px\" \/><\/li>\n<li>Click <strong>Background<\/strong> tab, scroll down to the bottom, 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<\/ol>\n<p>A section with color overlay:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-520\" src=\"http:\/\/loftocean.com\/curious-doc\/wp-content\/uploads\/2016\/01\/section-with-color-overlay-1024x474.jpg\" alt=\"section-with-color-overlay\" width=\"1024\" height=\"474\" srcset=\"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-with-color-overlay-1024x474.jpg 1024w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-with-color-overlay-300x139.jpg 300w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-with-color-overlay-768x356.jpg 768w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-with-color-overlay-1200x556.jpg 1200w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/section-with-color-overlay.jpg 2034w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>On LoftBuilder editor screen, activate the content edit mode. Move your cursor onto a section. Click (Settings) button in the section toolbar to open the Section Settings panel. Click Background tab, scroll down to the bottom, find Color Overlay options. Click to enable it, then pick a color from the color picker. Drag the slider [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":327,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-331","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/331","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=331"}],"version-history":[{"count":3,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/331\/revisions"}],"predecessor-version":[{"id":996,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/331\/revisions\/996"}],"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=331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}