Custom Skin Elementor for Blog Post Grids with ACF Custom Fields Integrations [Video Tutorial]

Updated onApril 11, 2026By

Key Takeaways

  • Custom Loop Builder allows users to create personalized designs for each Blog Post Grid.
  • ACF - Advanced Custom Fields enables the addition of extra custom fields to Blog Post Types displayed in Elementor.
  • The Plus Addons for Elementor is compatible with ACF, PODS, and Toolset, enhancing functionality for users.
Table Of Content
YouTube video
Video Duration: 30 : 20

Video Overview

We will see How to add Custom Skin Elementor for Blog Post Type UI Gird. Using this Custom Loop Skin for Blog Posts you can create your own personal design for each Grid You can all add WP Search filters, Search bar and list them in Grid Masonry and tremendous possibilities.

You can also Add Custom Fields with ACF on Blog Post Grid

Along with that, we will add extra Custom fields to Posts Types using ACF – Advanced Custom Fields and show them in Elementor Page Listing as well as archive pages.

Check Live Widgets –
1) Custom Loop Builder – https://theplusaddons.com/elementor-listing//blog-post-loop-skin/
2) Dynamic Listing – https://theplusaddons.com/elementor-listing//dynamic-listing/

The sky is the limit when using them together.
✅ Compatible with ACF, PODS and Toolset.
✅ Prebuild Skins + Build your Custom Elementor Skin
✅ Works with both Elementor Free and Pro

Timestamps
0:00 Intro
1:22 CASE I – Using Elementor FREE and The Plus Addons for Elementor PRO
11:13 CASE II – Using Elementor FREE, The Plus Addons for Elementor PRO and Nexter Theme Builder
15:49 CASE III – Using Elementor PRO and The Plus Addons for Elementor PRO with Any theme
14:05 Designing Archive Page with Elementor Custom Loop Builder
18:34 Using ACF to add custom fields in Blogs Post Types
26:58 Adding Multiple Loops Styles in Blog Post Listing Template
29:32 Outro

Get The Plus Addons for Elementor
View 120+ Elementor Widgets Demo

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What should I do if my custom skin isn't displaying correctly in Elementor?

If your custom skin isn't displaying as expected, check the settings in the Custom Loop Builder. Ensure that the correct skin is selected and that all necessary custom fields are properly configured. Sometimes, missing ACF fields can lead to display issues. Refer to the Custom Loop Builder for troubleshooting tips.

Does the Custom Skin feature work with Elementor Free?

The Custom Skin feature is compatible with both Elementor Free and Pro versions. This flexibility allows users to create custom designs without needing the Pro version, making it accessible for a wider audience. However, some advanced features may require the Pro version for full functionality.

How can I add multiple loop styles to my blog post listing template?

To add multiple loop styles to your blog post listing template, use the Custom Loop Builder feature in The Plus Addons for Elementor. This allows you to create various layouts and styles for your blog posts, enhancing the visual appeal and functionality of your site. Experiment with different styles to find the best fit for your content.

Last reviewed: April 11, 2026

Related Docs