--- title: "How to Delay Loading Blog Post in Elementor? (Preloader)" url: https://theplusaddons.com/docs/delay-loading-blog-post-in-elementor/ date: 2023-05-04 modified: 2026-09-11 lang: en author: "Aditya Sharma" description: "Do your blog cards jump around for a moment while the page loads, especially in a masonry layout? A preloader hides that by showing a spinner until the listing is..." image: https://theplusaddons.com/wp-content/uploads/2023/05/How-to-Delay-Loading-Blog-Post-in-Elementor_-100_-Performance-Improvement-1024x536.jpg word_count: 372 --- # How to Delay Loading Blog Post in Elementor? (Preloader) ## - The Plus Addons for Elementor Blog/Post Listing widget has a built-in Preloader that shows a spinner until the listing is ready, so blog cards do not jump around during load. - Preloader is part of The Plus Addons for Elementor Pro only, and the control does not appear in the free plugin; it is switched on under ThePlus Settings > Widgets. - Content > Layout supports Preloader only on Grid and Masonry layouts, while Metro and Carousel have no effect; Content > Special Option lets the user adjust spinner Width, border size, and colour. Do your blog cards jump around for a moment while the page loads, especially in a masonry layout? A preloader hides that by showing a spinner until the listing is ready. The Blog/Post Listing widget in The Plus Addons for Elementor has one built in. *To check the complete feature overview documentation of The Plus Addons for Elementor Blog Listing widget, [click here](https://theplusaddons.com/docs/blog-listing-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/?utm_source=tpae&utm_medium=docs&utm_campaign=text#blog-post-wgts) ## Before You Start - **Edition:** **Pro** — the Preloader is part of The Plus Addons for Elementor Pro. In the free plugin this control does not appear in the panel at all.- **Widget to enable:** Blog/Post Listing, switched on under **ThePlus Settings > Widgets**. > *A preloader changes what visitors see while the listing loads. It does not make the page load faster.* ## Step 1: Use a Grid or Masonry layout Add the **Blog/Post Listing** widget and set **Layout** to **Grid** or **Masonry** in Content > Layout. The preloader only runs on these two layouts. ## Step 2: Check the Preloader is on Open **Content > Special Option**. **Preloader** is **on by default**, so on Grid and Masonry it is usually already working. Click the pencil icon beside it to adjust it. ![The Preloader options in Content > Special Option](https://theplusaddons.com/wp-content/uploads/2026/09/tpae-the-preloader-options-in-content-special-option.webp) ## Step 3: Adjust the spinner Inside the Preloader options you can set the spinner's **Width** (default 20px), its border size and its colour, to match your site. ## Turning it off If you prefer the posts to appear immediately, switch **Preloader** off. ## Settings Reference | Setting | Where | Default | | ------- | ----- | ------- | | Preloader | Content > Special Option | On | | Width | Preloader options | 20px | | Border size and colour | Preloader options | Adjustable | ## Limitations - **Pro only.** The Preloader does not appear in the free plugin.- **Grid and Masonry only.** It has no effect on Metro or Carousel.- **Not a speed feature.** It hides the loading moment; it does not shorten it. ## Troubleshooting ### I see no spinner The listing may load too quickly for it to show, or the layout is Metro or Carousel. ### I cannot find Special Option It is part of the Pro plugin; the free plugin has no Special Option section. ## Related Docs - [Blog Listing widget: settings overview](https://theplusaddons.com/docs/blog-listing-widget-settings-overview/) — every control in the widget.- [Add infinite scroll for blog posts](https://theplusaddons.com/docs/add-infinite-scroll-for-blog-posts-in-elementor/)- [The Preloader widget, for a whole-page preloader](https://theplusaddons.com/docs/preloader-elementor-widget-settings-overview/) ## Frequently Asked Questions **Q: Why does my blog listing need a preloader in Elementor?** A: A preloader is useful when blog cards jump around while the listing is still loading, especially in a masonry layout. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH includes this so visitors see a spinner until the listing is ready. It improves perceived stability, but it does not make the page load faster, so it is about hiding the loading moment rather than shortening it. **Q: Which blog listing layouts support the preloader?** A: The preloader only works on Grid and Masonry layouts in the Blog/Post Listing widget. That matters because Metro and Carousel do not use it at all, so switching layouts can be the difference between seeing a spinner and seeing nothing. If you want the loading state to appear, keep the layout set to Grid or Masonry under Content > Layout. **Q: Why can't I see the Special Option section in Blog/Post Listing?** A: Special Option is part of the Pro plugin, so it will not appear in the free plugin. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH exposes Preloader through Content > Special Option only when the Pro edition is installed and activated. If that section is missing, the usual cause is that you are on the free version. **Q: How do I stop blog posts from showing a spinner and load immediately?** A: Preloader can be switched off if you want posts to appear right away instead of waiting behind a loading spinner. That changes the visitor experience only; it does not change how fast the page actually loads. This is useful when you prefer instant content display over masking the loading moment. **Q: What should I change if the preloader spinner looks too small or too big?** A: The spinner size is controlled by Width in the Preloader options, and its default is 20px. You can also adjust border size and colour so it matches your site instead of looking like a generic loading icon. That makes the loading state feel intentional, especially on designs where visual consistency matters. **Q: Why isn't my blog preloader spinner showing up?** A: The two common reasons are that the listing loads too quickly or that you are using Metro or Carousel instead of Grid or Masonry. Since The Plus Addons for Elementor only runs this preloader on Grid and Masonry, layout choice matters as much as speed. If you want to test it properly, use a slower-loading listing on one of those supported layouts.