{"id":57,"date":"2018-01-17T04:15:36","date_gmt":"2018-01-17T04:15:36","guid":{"rendered":"http:\/\/loftocean.com\/doc\/loftloader\/?page_id=57"},"modified":"2022-11-29T05:02:40","modified_gmt":"2022-11-29T05:02:40","slug":"basic-options","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftloader\/background\/basic-options\/","title":{"rendered":"Basic Options"},"content":{"rendered":"<p>Click on the <strong>Background<\/strong> section, then you can set the styles of the pre-loader\u2019s background.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-58\" src=\"http:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/bg-settings.jpg\" alt=\"\" width=\"1800\" height=\"1044\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/bg-settings.jpg 1800w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/bg-settings-300x174.jpg 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/bg-settings-768x445.jpg 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/bg-settings-1024x594.jpg 1024w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<ul>\n<li><strong>Fill Type \u2013<\/strong> <strong>Solid\/Background Image\/No Color<\/strong>. If choose <strong>No Color<\/strong>, then the background will be invisible, and the options below will be disabled. If choose <strong>Solid<\/strong> or <strong>Background Image<\/strong>, then you can continue to change the background\u2019s style.<\/li>\n<li><strong>Background Color \u2013<\/strong> Click to choose a color from the color picker. Or enter the hex value of a color you like.<\/li>\n<li><strong>Opacity \u2013<\/strong> Drag to tweak the background opacity. So visitors can see through the content behind the pre-loader.<\/li>\n<li><strong>Ending Animation \u2013<\/strong> There are 13 animations. Choose one and hover your cursor onto the preview area to see the result.\n<ul>\n<li>Fade<\/li>\n<li>Slide Left &amp; Right<\/li>\n<li>Slide to Left<\/li>\n<li>Slide to Right<\/li>\n<li>Slide Up<\/li>\n<li>Slide Down (newly added in v2.3.0)<\/li>\n<li>Slide Up &amp; Down<\/li>\n<li>Shrink &amp; Fade<\/li>\n<li>Split &amp; Reveal Vertically<\/li>\n<li>Split &amp; Reveal Horizontally<\/li>\n<li>Split Diagonally &#8211; Vertically<\/li>\n<li>Split Diagonally &#8211; Horizontally<\/li>\n<li>No Animation (newly added in v2.4.0)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Click on the Background section, then you can set the styles of the pre-loader\u2019s background. Fill Type \u2013 Solid\/Background Image\/No Color. If choose No Color, then the background will be invisible, and the options below will be disabled. If choose Solid or Background Image, then you can continue to change the background\u2019s style. Background Color [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":55,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":778,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/57\/revisions\/778"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/55"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}