{"id":103,"date":"2018-01-17T06:42:12","date_gmt":"2018-01-17T06:42:12","guid":{"rendered":"http:\/\/loftocean.com\/doc\/loftloader\/?page_id=103"},"modified":"2018-09-28T13:18:22","modified_gmt":"2018-09-28T13:18:22","slug":"message-basic-options","status":"publish","type":"page","link":"https:\/\/loftocean.com\/doc\/loftloader\/message\/message-basic-options\/","title":{"rendered":"Message Basic Options"},"content":{"rendered":"<p>Click on the <strong>Message<\/strong> section, then you can add custom welcome\/loading message and style it.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-104\" src=\"http:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/message-settings.jpg\" alt=\"\" width=\"1800\" height=\"1021\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/message-settings.jpg 1800w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/message-settings-300x170.jpg 300w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/message-settings-768x436.jpg 768w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/01\/message-settings-1024x581.jpg 1024w\" sizes=\"auto, (max-width: 1800px) 100vw, 1800px\" \/><\/p>\n<ul>\n<li><strong>Message \u2013<\/strong> Enter custom message, such as <span class=\"highlighted\">Welcome<\/span> or <span class=\"highlighted\">Content is loading<\/span> or anything else. The message will show after any other element (loader, progress bar, percentage, except the progress bar is set to screen top or bottom). Simple HTML markups are supported since v1.2.2 (&lt;br&gt;, &lt;i&gt; ,&lt;b&gt;).<\/li>\n<li><strong>Position \u2013 Top\/Before Progress\/Bottom<\/strong>.\n<ul>\n<li>When choose <strong>Top<\/strong>, the custom message will be placed above other elements (unless the progress bar is enabled and set to <strong>Top<\/strong>).<\/li>\n<li>When choose <strong>Bottom<\/strong>, the custom message will be put below other elements (unless the progress bar is enabled and set to <strong>Bottom<\/strong>).<\/li>\n<li>The option <strong>Before Progress<\/strong> only appears when progress indicator is enabled, and progress bar\u2019s position is <strong>Middle<\/strong> or percentage\u2019s position is <strong>Below Loader<\/strong>. Choose this option, then the custom message will be placed just above the progress indicator.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Size \u2013<\/strong> Drag to change font size.<\/li>\n<li><strong>Color \u2013<\/strong> Click to choose a text color from the color picker. Or enter the hex value of a color you like.<\/li>\n<li><strong>Font<\/strong> \u2013 Choose a Google font, or use the website default font (so that LoftLoader Pro won\u2019t call Google Fonts again). (New option added since v1.2.2)<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-355\" src=\"http:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/09\/Screen-Shot-2018-09-28-at-3.51.24-pm.png\" alt=\"\" width=\"300\" height=\"696\" srcset=\"https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/09\/Screen-Shot-2018-09-28-at-3.51.24-pm.png 596w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/09\/Screen-Shot-2018-09-28-at-3.51.24-pm-129x300.png 129w, https:\/\/loftocean.com\/doc\/loftloader\/wp-content\/uploads\/sites\/3\/2018\/09\/Screen-Shot-2018-09-28-at-3.51.24-pm-442x1024.png 442w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/li>\n<li><strong>Google Font \u2013<\/strong> Choose a font family from the Google Fonts list. <del datetime=\"2018-09-28T13:01:29+00:00\">Or choose <strong>\u201cDefault\u201d<\/strong> to use the font which is using by your site (so LoftLoader Pro won\u2019t call Google Fonts again).<\/del> (Updated since v1.2.2.)<\/li>\n<li><strong>Font Weight \u2013<\/strong> Select font weight. <span class=\"highlighted\">Please note:<\/span> not every font supports all the font weight values listed.<\/li>\n<li><strong>Letter Spacing \u2013<\/strong> Choose a letter spacing value in the list. It will expand or condense the space evenly between the characters.<\/li>\n<li><strong>Line Height<\/strong> \u2013 Change the line height for the custom message.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Click on the Message section, then you can add custom welcome\/loading message and style it. Message \u2013 Enter custom message, such as Welcome or Content is loading or anything else. The message will show after any other element (loader, progress bar, percentage, except the progress bar is set to screen top or bottom). Simple HTML [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":101,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-103","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/103","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=103"}],"version-history":[{"count":5,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/103\/revisions"}],"predecessor-version":[{"id":360,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/103\/revisions\/360"}],"up":[{"embeddable":true,"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/pages\/101"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/loftloader\/wp-json\/wp\/v2\/media?parent=103"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}