Recents Posts can not be Lazyloaded

[michaelxxx]

Hi,

I use the following X Shortcode for my newest posts on the mainpage:

[recent_posts count=“3”]
[recent_posts offset=“3” count=“3”]

Now I saw that the images are set as background image:

<div class="x-recent-posts-img" style="background-image: url(https://one-million-places.com/wp-content/uploads/2021/kanada/09/bruce-peninsula-national-park-titelbild.jpg);"></div>

The problem is that a background image can not be lasyloaded to optimize speed.

How can I solve this problem?

Michael

[prakash_s]

Hello @michaelxxx,

Thanks for writing to us.

I would suggest you use our Post element. It uses the IMG tag for the featured image. You can customize the layout as per your design as well.

If you have not seen our post element doc please have a look at it.

Posts | Themeco Docs

Hope it helps
Thanks

[michaelxxx]

Hey,

I just use X, not the Pro Version. And I also don´t use any kind of Page Builder for my posts.
So what can I do now?

Michael

[prakash_s]

Hello Michael,

It is a feature of the X and Pro theme, in case you are not using the page builder then it will not work for you and there is no other option to display the posts. I would suggest you search for a plugin in the WordPress plugin repository. Please note we can not recommend any plugin since we have not tested it on our end. Please remember we don’t provide any third-party plugin support. It is out of the support scope.

Please have a look at this article to learn more about how to display the posts.

Thanks for understanding