---
title: "Custom Skin Elementor for Blog Post Grids with ACF Custom Fields Integrations [Video Tutorial]"
url: https://theplusaddons.com/docs/custom-skin-elementor-blog-post-grids-acf-integrations/
date: 2023-07-05
modified: 2026-04-11
author: "Aditya Sharma"
description: "https://www.youtube.com/watch?v=xjdfV_9qgWI 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..."
image: https://theplusaddons.com/wp-content/uploads/2023/07/maxresdefault-66-1024x576.jpg
word_count: 221
---

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

## 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.

https://www.youtube.com/watch?v=xjdfV_9qgWI

##### 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/](https://theplusaddons.com/elementor-listing//blog-post-loop-skin/)
2) Dynamic Listing - [https://theplusaddons.com/elementor-listing//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](https://theplusaddons.com/pricing/)

[View 120+ Elementor Widgets Demo](https://theplusaddons.com/elementor-widgets/)

## Frequently Asked Questions

**Q: What should I do if my custom skin isn't displaying correctly in Elementor?**
A: 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](https://theplusaddons.com/elementor-listing//blog-post-loop-skin/) for troubleshooting tips.

**Q: Does the Custom Skin feature work with Elementor Free?**
A: 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.

**Q: How can I add multiple loop styles to my blog post listing template?**
A: 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.