{"id":6025,"date":"2019-01-29T09:13:40","date_gmt":"2019-01-29T09:13:40","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=article&#038;p=6025"},"modified":"2023-03-17T15:31:01","modified_gmt":"2023-03-17T15:31:01","slug":"how-to-change-the-page-preloader-based-on-kava-theme","status":"publish","type":"article","link":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/","title":{"rendered":"How to \u0421hange the Page Preloader (Based on Kava Theme)"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><div class=\"wp-block-group__inner-container\">\n<p>In this tutorial, I\u2019ll show you how to enable the preloader to use it for your website. This tutorial will be useful in case you\u2019re working with the <a href=\"https:\/\/crocoblock.com\/kava\/\" target=\"_blank\" rel=\"noopener noreferrer\">Kava<\/a> theme.<\/p>\n\n\n\n<p>You naturally wish your site to load fast and show all the content items quickly. Despite this, you can\u2019t foresee the speed of the internet connection of your visitor. Also, sometimes the scripts take too much time when loading and the way the website\u2019s elements look before everything loads completely might be a bit off. For these cases, we have a good solution!<\/p>\n\n\n\n<p>In order to start, you need to proceed to the <strong> <em>Appearance > Customize<\/em><\/strong> section in the WP Dashboard.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/appearance-customise-section-in-WP-Dashboard.png\" alt=\"appearance customise section in WP Dashboard\">\n\n\n\n<p>Then, click the <strong>Site Identity<\/strong> block. Here you should tick the <strong>Show page preloader<\/strong> option and click the &#8220;<strong>Publish<\/strong>&#8221; button.<\/p>\n\n\n\n<img decoding=\"async\" src=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/the-Site-Identity-block-in-the-Customizer.png\" alt=\"the Site Identity block in the Customizer\">\n<\/div><\/div>\n\n\n\n<p>That\u2019s pretty much it! Now you can visit your site and view how the preloader works.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>After reading this tutorial, you&#8217;ll be aware of how to set page preloader on your site. With a free and light Kava theme, this can be done in a few clicks.<\/p>\n","protected":false},"author":11,"featured_media":0,"template":"","format":"standard","builder-category":[],"article-category":[254,349],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to \u0421hange the Page Preloader (Based on Kava Theme) | Crocoblock<\/title>\n<meta name=\"description\" content=\"Find a clear guide on how to utilize the page preloader on your WordPress website. Only several clicks needed to set it up!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to \u0421hange the Page Preloader (Based on Kava Theme) | Crocoblock\" \/>\n<meta property=\"og:description\" content=\"Find a clear guide on how to utilize the page preloader on your WordPress website. Only several clicks needed to set it up!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/\" \/>\n<meta property=\"og:site_name\" content=\"Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-17T15:31:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/appearance-customise-section-in-WP-Dashboard.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/\",\"name\":\"How to \u0421hange the Page Preloader (Based on Kava Theme) | Crocoblock\",\"isPartOf\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\"},\"datePublished\":\"2019-01-29T09:13:40+00:00\",\"dateModified\":\"2023-03-17T15:31:01+00:00\",\"description\":\"Find a clear guide on how to utilize the page preloader on your WordPress website. Only several clicks needed to set it up!\",\"breadcrumb\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/crocoblock.com\/knowledge-base\/articles\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to \u0421hange the Page Preloader (Based on Kava Theme)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#website\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"name\":\"Help Center\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#organization\",\"name\":\"Help Center\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"contentUrl\":\"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg\",\"caption\":\"Help Center\"},\"image\":{\"@id\":\"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to \u0421hange the Page Preloader (Based on Kava Theme) | Crocoblock","description":"Find a clear guide on how to utilize the page preloader on your WordPress website. Only several clicks needed to set it up!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/","og_locale":"en_US","og_type":"article","og_title":"How to \u0421hange the Page Preloader (Based on Kava Theme) | Crocoblock","og_description":"Find a clear guide on how to utilize the page preloader on your WordPress website. Only several clicks needed to set it up!","og_url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/","og_site_name":"Help Center","article_modified_time":"2023-03-17T15:31:01+00:00","og_image":[{"url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2023\/03\/appearance-customise-section-in-WP-Dashboard.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/","url":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/","name":"How to \u0421hange the Page Preloader (Based on Kava Theme) | Crocoblock","isPartOf":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#website"},"datePublished":"2019-01-29T09:13:40+00:00","dateModified":"2023-03-17T15:31:01+00:00","description":"Find a clear guide on how to utilize the page preloader on your WordPress website. Only several clicks needed to set it up!","breadcrumb":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crocoblock.com\/knowledge-base\/articles\/how-to-change-the-page-preloader-based-on-kava-theme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crocoblock.com\/knowledge-base\/"},{"@type":"ListItem","position":2,"name":"Articles","item":"https:\/\/crocoblock.com\/knowledge-base\/articles\/"},{"@type":"ListItem","position":3,"name":"How to \u0421hange the Page Preloader (Based on Kava Theme)"}]},{"@type":"WebSite","@id":"https:\/\/crocoblock.com\/knowledge-base\/#website","url":"https:\/\/crocoblock.com\/knowledge-base\/","name":"Help Center","description":"","publisher":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crocoblock.com\/knowledge-base\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/crocoblock.com\/knowledge-base\/#organization","name":"Help Center","url":"https:\/\/crocoblock.com\/knowledge-base\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/","url":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","contentUrl":"https:\/\/crocoblock.com\/knowledge-base\/wp-content\/uploads\/2025\/04\/invert-crocoblock-logo.svg","caption":"Help Center"},"image":{"@id":"https:\/\/crocoblock.com\/knowledge-base\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article\/6025"}],"collection":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/users\/11"}],"wp:attachment":[{"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/media?parent=6025"}],"wp:term":[{"taxonomy":"builder-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/builder-category?post=6025"},{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/crocoblock.com\/knowledge-base\/wp-json\/wp\/v2\/article-category?post=6025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}