{"id":333,"date":"2016-01-29T12:08:14","date_gmt":"2016-01-29T12:08:14","guid":{"rendered":"http:\/\/loftocean.com\/curious-doc\/?page_id=333"},"modified":"2016-03-09T13:43:59","modified_gmt":"2016-03-09T13:43:59","slug":"adding-color-overlay-to-a-column","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftbuilder\/color-overlay\/adding-color-overlay-to-a-column\/","title":{"rendered":"Adding Color Overlay to a Column"},"content":{"rendered":"<ol>\n<li>On <strong>LoftBuilder<\/strong> editor screen, activate the content edit mode.<\/li>\n<li>Move your cursor onto a column.<\/li>\n<li>Click <strong><i class=\"fa fa-cog\"><\/i> (Settings)<\/strong> button in the column toolbar to open the <strong>Column Settings<\/strong> panel.<\/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 column with color overlay:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/loftocean.com\/curious-doc\/wp-content\/uploads\/2016\/01\/column-with-color-overlay-1024x472.jpg\" alt=\"column-with-color-overlay\" width=\"1024\" height=\"472\" class=\"alignnone size-large wp-image-523\" srcset=\"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/column-with-color-overlay-1024x472.jpg 1024w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/column-with-color-overlay-300x138.jpg 300w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/column-with-color-overlay-768x354.jpg 768w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/column-with-color-overlay-1200x553.jpg 1200w, https:\/\/loftocean.com\/doc\/loftbuilder\/wp-content\/uploads\/sites\/2\/2016\/01\/column-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 column. Click (Settings) button in the column toolbar to open the Column 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":30,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-333","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/333","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=333"}],"version-history":[{"count":1,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/333\/revisions"}],"predecessor-version":[{"id":818,"href":"https:\/\/loftocean.com\/doc\/loftbuilder\/wp-json\/wp\/v2\/pages\/333\/revisions\/818"}],"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=333"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}