{"id":12613,"date":"2017-04-19T12:50:00","date_gmt":"2017-04-19T12:50:00","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=12613"},"modified":"2019-04-03T07:23:00","modified_gmt":"2019-04-03T07:23:00","slug":"site-preloader-options","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/theme-options\/site-preloader-options","title":{"rendered":"Site preloader options"},"content":{"rendered":"<h3>Site preloader options<\/h3>\n<h4>Here you can style the preloader for the whole site. It appears while the content is loading and prevents the\u00a0visitors\u00a0from seeing the content restructures while all the images and text are completely loaded.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13010\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/preloader-1.png\" alt=\"\" width=\"978\" height=\"735\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/preloader-1.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/preloader-1-300x225.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2017\/04\/preloader-1-768x577.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Site Preloader<\/strong> \u2013 this option allows you to enable or disable the preloader for the site. It is displayed while the content is fully loaded.<\/li>\n<li><strong>Preloader percentage<\/strong> \u2013 allows you to enable or disable preloader percentage counter.\n<ul>\n<li><strong>Preloader Counter Typography<\/strong> \u2013 customize the typography settings for the preloader counter for the whole site.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Preloader background<\/strong> \u2013 allows you to style the background for the preloader on your site:\n<ul>\n<li><strong>Preloader image<\/strong> \u2013 upload the image for the site preloader.<\/li>\n<li><strong>Background color<\/strong> \u2013 pick up the site preloader background color to be displayed as a background for the preloader.<\/li>\n<li><strong>Background position<\/strong> \u2013 select the position for the image for its better displaying.<\/li>\n<li><strong>Background size<\/strong> \u2013\u00a0allows adjusting the background image displaying. You can select: <strong>cover<\/strong>, <strong>contain<\/strong> and <strong>initial<\/strong> values or <strong>inherit<\/strong> the value set <del class=\"support-arrow-right\">Theme options<\/del> <del>Site preloader option<\/del> section.<\/li>\n<li><strong>Background repeat<\/strong> \u2013\u00a0select whether the site preloader background image will be repeated or not repeated. You can select <strong>horizontal repeat<\/strong>, <strong>vertical repeat<\/strong> or <strong>disable repeat<\/strong> of the image.<\/li>\n<li><strong>Background attachment<\/strong> \u2013\u00a0sets the background image attachment style:\n<ul>\n<li><strong>Scroll<\/strong> \u2013 background image scrolls with the content.<\/li>\n<li><strong>Fixed<\/strong> \u2013 the background image is fixed and content scrolls over it.<\/li>\n<li><strong>Initial<\/strong> \u2013 the background image and content will be fixed.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Preloader style<\/strong> \u2013\u00a0select the preloader style for your site.\n<ul>\n<li><strong>None<\/strong> \u2013 no style is selected for site preloader.<\/li>\n<li><strong>\u0421SS Animation<\/strong> \u2013\u00a0adds animated element to the preloader.\n<ul>\n<li><strong>Animation style<\/strong> \u2013 select the animation elements site for the preloader.<\/li>\n<li><strong>Animation base color<\/strong> \u2013 set the color of the animated element.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Image<\/strong> \u2013 set the image that will be displayed on the preloader (*.gif images can be used as well).\n<ul>\n<li><strong>Preloader image<\/strong> \u2013 upload the image for the site preloader.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Progress bar<\/strong> \u2013 adds the horizontal progress bar to the preloader.\n<ul>\n<li><strong>Preloader bar background color<\/strong> \u2013 select the color for your preloader bar to be displayed on the page.<\/li>\n<li><strong>Preloader bar position<\/strong> \u2013 allows you to select the preloader bar position. <strong>Top<\/strong>, <strong>middle <\/strong>and <strong>bottom<\/strong> positions are available.<\/li>\n<li><strong>Preloader bar height in px<\/strong> \u2013 set the height of the progress bar.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Site preloader options Here you can style the preloader for the whole site. It appears while the content is loading and prevents the\u00a0visitors\u00a0from seeing the content restructures while all the<\/p>\n","protected":false},"author":29,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[41,55],"_links":{"self":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/12613"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/29"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=12613"}],"version-history":[{"count":7,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/12613\/revisions"}],"predecessor-version":[{"id":14817,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/12613\/revisions\/14817"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=12613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=12613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=12613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}