Skip to content

How to Delay Loading Blog Post in Elementor? (Preloader)

Table Of Content

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.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

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

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

SettingWhereDefault
PreloaderContent > Special OptionOn
WidthPreloader options20px
Border size and colourPreloader optionsAdjustable

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

Related Frequently Asked Questions

Related Docs