---
title: "How to Use an Element to Replace the Archive Loop Item Content"
source: "https://docs.nexcess.com/software/kadence/theme/replace-archive-loop-item-content/"
description: "The Kadence archive pages list your individual posts according to your Customizer's Post Item Layout settings. Here's the default look: What is an Archive Loop…"
vertical: "Software"
area: "Kadence Theme"
date: "2023-06-16"
last_modified: "2026-07-02"
---

# How to Use an Element to Replace the Archive Loop Item Content

The Kadence archive pages list your individual posts according to your Customizer’s ***[Post Item Layout](https://docs.nexcess.com/software/kadence/theme/archive-layout-customizer-settings/#post-item-elements)*** settings. Here’s the default look:

![Default Kadence Archive](https://docs.nexcess.com/wp-content/uploads/2026/06/image-4-7.png)

What is an Archive Loop Item?

An Archive Loop Item is the template used to display a single post in your archive grid.

If you wish to add more information or customize the layout, you can utilize [Kadence Elements](https://docs.nexcess.com/software/kadence/theme/what-are-hooked-elements/) to replace the default archive loop item. While the Customizer does allow some configuration of the archive items, using an Element provides greater control and customization options.

![Archive Loop Item](https://docs.nexcess.com/wp-content/uploads/2026/06/image-archive-loop-item.png)

Step 1: Create an Element

First, [create a Template Element](https://docs.nexcess.com/software/kadence/theme/create-a-template-element/). Template Elements replace the default theme output and can be used to replace the archive loop item content.

![Element - Add a template](https://docs.nexcess.com/wp-content/uploads/2026/06/Screenshot-2025-09-30-at-1.08.12-PM-scaled-1.png)Step 2: Configure the Element Settings

The placement and display settings will determine where your template will appear. To access the **Element Settings**, click the settings icon in the upper-right of your screen.

Click the **Preview Settings** button to set the preview context for your loop item. This will allow you to see live results with real data while you’re editing your template.

**Placement:** set to **Replace Archive Loop Item Content** to replace the archive loop item.

**Display:** set the to **Blog Page** to replace the loop items for your blog. You can also select the archive for your custom post type or taxonomy.

You can add additional display settings by clicking **Add Rule**. This will allow you to display this template on other archive such as post categories or tags.

![Kadence Element Settings](https://docs.nexcess.com/wp-content/uploads/2026/06/Screenshot-2025-09-30-at-1.28.34-PM.png)

Step 3: Design Your Template

Design the template using blocks to dynamically add post data like the post title, post date, featured image, excerpt, and/or content. If you have **Kadence Blocks Pro**, you can also use [dynamic content](https://docs.nexcess.com/software/kadence/dynamic-content/) to display custom fields.

![Loop item element](https://docs.nexcess.com/wp-content/uploads/2026/06/Loop-item-element.jpeg)

Once you have finalized your design, save your template and preview your blog page. Your loop items will now be displayed using the template you have created.