Skip to content
Help Center
  • Pricing
  • ProductsExpand
    • Premium PlansGet all the tools you need in one plan
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
    • Get Kadence + Hosting
      In One Place

      Enjoy faster setup, top-tier performance, and worry-free WordPress hosting – Kadence Theme, Kadence Blocks, and Solid Security all pre-installed.

      Learn More

  • Kadence AI
  • Starter Templates
  • Blog
  • SupportExpand
    • Resource HubStart here for guides, Product docs, FAQs, and Troubleshooting tips, all in one place.
    • Contact SupportStuck on something? We’re here to help! Open a ticket for top-notch support.
    • Contact Our TeamGot pre-sales questions or need help choosing a plan? Open a ticket and our team will guide you.
    • About usCrafted with love in Missoula, Montana. Meet the team behind the mission.
Account Account
Get Kadence
Kadence Theme
  • Features
  • Pro
  • Starter Templates
  • HelpExpand
    • Documentation
    • Facebook Group
    • Submit a Ticket
    • Feature Requests
    • Roadmap
    • Changelog
Help Center
Kadence Theme

Getting Started

  • Installing the Kadence Theme
  • How to use the Kadence Theme Style Guide
  • Installing Kadence Starter Templates (Unlock AI and Pre-Designed Templates)
  • Getting Started with Kadence Site Assist
  • Starter Templates: AI Powered Vs Pre-Designed
  • Getting Started with a Pre-Designed Starter Template
  • Setting up Posts, Pages, and Archive Layouts in Kadence

Customize Settings

  • The Kadence Theme Performance Settings
  • How to use the Kadence Theme Color Palette
  • Typography Settings
  • How to Style Buttons in the Kadence Theme
  • How to Add a Sidebar
  • Sticky Sidebars
  • Page Layout Customizer Settings
  • Single Post Layout Customizer Settings
  • Archive Layout Customizer Settings
  • Kadence WooCommerce Customizer Settings
  • Understanding CSS Clamp and How It Works in the Kadence Theme
  • The Kadence Theme Breadcrumb Settings
  • How to add Scroll To Top
  • How to Enable Scroll to ID
  • How to Add an Author Box to Your Posts
  • Search Results Customizer Settings
  • How to customize the Kadence Footer
  • How to Import, Export, and Reset Kadence Theme Customizer Settings Using Starter Templates Plugin
  • How to Host Google Fonts Locally
  • How to Remove the Page Title in Kadence Theme
  • How to Enable the Kadence Lightbox Feature for Image Links

Header

  • How to Customize the Kadence Header
  • Kadence Classic Header Items
  • Customizing the Classic Header Navigation Colors (Default Header, Transparent Header, Sticky Header)
  • Editing a Row in the Header
  • Customizing the Mobile Navigation Area
  • Customizing the Topbar
  • Edit Dropdown Menu Styling
  • Social Media Icons in the Header
  • Working with the Sticky Header
  • How to Use a Transparent Header
  • Preventing the Theme Transparent Header from Overlapping Page Content

General WordPress

  • How to Change the Number of Posts Displayed on Your Blog Page in WordPress
  • How to specify different CSS styles for mobile, tablet, and PC layouts
  • Enabling ICO File Uploads in WordPress
  • How to Reset Your WordPress Website for Free
  • How to Create Patterns in WordPress (Reusable Blocks)
  • Understanding PHP Deprecated Notices on Your Site
  • How to create a staging website
  • Reserved Slugs and Terms
  • Using the WordPress Dashboard
  • How to Bulk Update Links and Text (Search & Replace)
  • How to Add a Featured Image to a WordPress Post
  • How to Regenerate Permalinks in WordPress
  • Simulating a Mobile Environment For Testing
  • How to Enable Categories and Tags for Pages
  • Set Site Favicon
  • How do I add Custom CSS
  • Adding Google Analytics
  • How To Backup Your WordPress Website
  • How to add a Custom Post Type
  • Fix: Page Not Updating
  • How to Find the Page or Post ID
  • How to prevent spam comments
  • How do I turn off comments?
  • How to Remove All Spam Comments

Troubleshooting

  • How to Reset Your WordPress Website for Free
  • Troubleshooting the “Updating page failed. You’re probably offline.” Error
  • How to Create a Screen Recording for Free
  • Website Favicon is missing on Google Search Results
  • How to Diagnose and Fix Common Google Ads Issues on your site
  • Fixing Mixed Content Errors in WordPress
  • How to resolve the ERR_HTTP2_PROTOCOL_ERROR console error?
  • Troubleshooting White/Blank Screens in the Editor or Customizer
  • Understanding PHP Deprecated Notices on Your Site
  • How to Download Previous Versions of the Kadence Theme and Plugins
  • Fix Starter Template Import Problems When Using Hostinger with Kadence
  • How to run the WordPress built-in database repair tool
  • Recommended Server Resources
  • Troubleshooting the “Update Failed: Service Unavailable” error when updating Pro Kadence WP plugins
  • How to Enable the WordPress Error Logs
  • WordPress Error “Incompatible Archive”
  • Temporarily Deactivating Plugins
  • How to View Console Log Errors
  • Clearing Your Website Cache
  • Getting 500 Errors
  • Broken Styles after version 1.1.15

Advanced

  • How to Use Category & Taxonomy Images with Kadence Dynamic Content
  • How To Add Custom Snippets with Code Snippets
  • Customizing Kadence Related Posts with kadence_related_posts_args Filter
  • How to Use a Post Grid/Carousel Block as Related Posts
  • Customize Pagination in Kadence Theme Using kadence_pagination_args
  • How to Enable Transparent Header on 404 Page
  • How to Customize the Kadence Comment Form
  • Add Thumbnails to Next/Previous Post Navigation
  • Adjusting the Kadence Theme’s scroll offset using a filter
  • Remove title tags on Kadence SVG Icons
  • Adding Kadence Breadcrumbs To Hooked Elements
  • Disable Default Kadence Theme Schema Markup
  • Adding Elements after Specified Paragraphs
  • Common Code Snippets for Kadence Users
  • How to translate using LocoTranslate
  • How to hook elements inside of post or page content
  • What is a Child Theme, Should I Install One, if so How?
  • Adding Custom Fonts to Kadence
  • How to make a custom 404 page
  • How to change a theme icon to something custom
  • Change Any Text on Your Site
  • Changing Various Heading HTML Tags
  • How to Display Custom Post Types with Kadence Template Elements
  • Adding Google Tag Manager with a child theme or code snippet plugin
  • Replace Author HTML (Multiple Author Support)
  • Theme hooks

Theme Kit Pro

  • Kadence Theme Kit Pro Plugin
  • How to create a Mega (multicolumn menu)
  • How to use Conditional Headers
  • Kadence Infinite Scroll
  • Kadence Maintenance Mode
  • How to add scripts in header/footer
  • How to use the Color Palette Switch (Dark Mode)
  • How to use Element Hooks
  • WooCommerce Addons
  • How to Add Icons to Your Classic WordPress Menu Items
  • Archive Custom Page Title Backgrounds (Kadence Theme Kit Pro)
  • Theme hooks
  • Header Addons
  • How to add contact information
  • How to add a toggle open menu for desktop
  • How to add a login and account Menu
  • Kadence Custom Fonts
  • How to open the side cart when a product is added to cart

Kadence Elements

  • How To Use Hooked Element Shortcodes
  • What are Kadence Hooked Elements?
  • Installing and Creating Kadence Elements
  • The Four Types of Kadence Elements
  • Kadence Element Settings
  • Kadence Content Section Hooked Elements
  • Kadence Template Hooked Elements
  • Kadence HTML Editor Hooked Elements
  • Kadence Fixed Section Hooked Elements
  • Switching between different Kadence Elements Types
  • Importing/Exporting Kadence Elements

Woocommerce

  • How to Track WooCommerce Cart Actions with JavaScript
  • How to add Extra/Payment Information to Your WooCommerce Product Pages
  • How to Add Image Switch on Hover for Product Archives
  • How to Add a Mini Cart to the Site Header
  • How to Change the WooCommerce Product Loop Title Tags

Hooked Element Guides

  • How to Use an Element to Replace the Archive Loop Item Content
  • How to Create a Custom Single Post Template with Kadence Hooked Elements
  • How to Create a Custom Archive Page Template with Kadence Hooked Elements
  • How to Replace Specific Posts’ Sidebar Content Using a Kadence Element
  • Programmatically Display Kadence Hook Elements
  • How to Design a Post Grid/Carousel using a Kadence Element
  • How to make a Dynamic Search Results Title in Kadence
  • Adding Kadence Breadcrumbs To Hooked Elements
  • How to Replace the Footer Using a Kadence Element
  • Home
  • Knowledge Base
  • Kadence Theme
  • Kadence Theme
  • Customize Settings

Archive Layout Customizer Settings

Use the Kadence Theme Archive Layout Settings to customize the Blog/Posts Page and other Archive-related pages, such as Taxonomy Archives. The Archive Layout Settings can be accessed from the Customizer -> Posts/Pages Layout -> Archive Layout settings.

Archive Layout Demo
Table of Contents
  • Title Settings
    • Element Settings
  • Archive Layout Settings
  • Post Item Elements
    • Feature (Image)
    • Categories
    • Meta
    • Excerpt
    • Readmore
  • Design Settings
    • Archive Title
    • Archive Layout
      • Setting Specific Category Colors

Title Settings

Show Archive Title: This setting enables or disables the default Archive Title.

Archive Title Layout: Set the Archive Title Layout to In Content or Above Content. The In Content option places the title inside the top of the content, while the Above Content option adds an Archive Title Banner above the content. (View the examples below.)

Container Width: When using the Above Content Layout, set the container width to either Standard, Fullwidth, or Contained.

Post Archive Title Align: Set an alignment for the title. This can be set to Left, Center, or Right.

Container Min Height: Add a minimum height to an Above Content Archive Title container.

Title Settings

Example: In Content Archive Title Layout.

In Content

Example: Above Content Archive Title Layout.

Above Content Title

Element Settings

Title Elements: These elements appear along with the Archive Title, such as an archive description or breadcrumb trail. The eye icon on the far left can be used to show or hide different title elements.

Breadcrumb: Show or hide the breadcrumbs. You can also enable or disable the option to show the post title in the breadcrumbs (this represents the archive title).

Title: Show or hide the archive title.

Description: Show or hide the archive description.

TitleElements
Title Elements

Archive Layout Settings

Archive Layout: Choose between Normal, Narrow, Fullwidth, or Left/Right Sidebar for the archive layout.

  • Normal – Uses the theme’s Content Width.
    • (The Content Max Width can be set from the Customizer -> General -> Layout settings.)
  • Narrow – Creates a layout narrower than the standard theme content width, ideal for more compact designs.
    • (The Narrow Layout Content Max Width can be set from the Customizer -> General -> Layout settings.)
  • Fullwidth – Extends content to the full width of the page.
    • If using a Boxed Site Layout, this option may still respect the container width unless otherwise styled.
      • (The Archive Grid Boxed Spacing can be adjusted from the Customizer -> General -> Layout settings.)
  • Left/Right Sidebar – Allows a sidebar to be added to the Archive. Choose between Sidebar 1 and Sidebar 2.
    • (Sidebars can be designed from the Dashboard -> Appearance -> Widgets page.)

Post Archive Default Sidebar: Set a default sidebar layout for archive pages.

Content Style: Set the Archive Content Style to either Boxed or Unboxed. (View the examples below.)

Post Archive Columns: Adjust the number of columns for displaying posts on archive pages. This setting controls how many posts appear per row.

Archive Content

Example: Boxed Content Style.

Sample Boxed Content

Example: Unboxed Content Style.

Sample Unboxed

Post Item Elements

Post Item Elements: The Post Item Layout controls the Archive Loop items. For example, each post in an archive displays elements such as a featured image, title, and meta information. Each instance of this is a Post Item. Use the Post Item Elements option to control which elements appear on each Post Item, including the featured image, title, excerpt, meta, and more.

Below is an overview of each Post Item Element and the available options related to it.

Post Item Elements

Feature (Image)

Set Image Ratio: Adjust the featured image ratio for post items. The available options are:

  • Inherit
  • 1:1
  • 4:3
  • 3:2
  • 16:9
  • 2:1
  • 4:5
  • 3:4
  • 2:3

Image is Link to Post: Enable this option to make the featured image clickable, linking directly to the post.

Set Image Size: Set the featured image size for post items. Available options are:

  • Thumbnail
  • Medium
  • Medium Large
  • Large
  • Full
Feature

Categories

Choose a Divider: Choose from one of the various Divider Styles. The Divider will be placed in between categories whenever multiple exist.

Choose a Style: Choose a Category Style. This can be set to Normal, Pill, or Underline. See examples of these styles below.

Normal
Normal
Pill
Pill
Underline
Underline
Categories Item

Meta

Choose a Divider: Set a Divider to place between different META items.

Show Author: Enable this to show the Post Author details.

Enable Author Link: Enable this to allow the Post Author Name to link to the Author Archive.

Show Author Image: Enable this to show the Author Profile Image. (When this setting is enabled, you will be able to set an Image Max Width.)

Author Image Size

Author Label: Set the Author Label. (For example: By)

Show Date: Enable this to show the Post Date.

Show Time: Enable this to show the Post Time.

Upload Date Label: Click on the Eye Icon to show and use a Date Label. Then, you can set the Label as preferred.

Date Label
Meta

Show Last Updated Date: Enable this to show the Last Updated Date.

Show Only If Different From Publish Date: Enable this if you only want the Last Updated Date to show if the date differs from the original Published Date.

Show Time: Enable this option to also show the Post Last Updated Time along with the Date.

Show Categories: Enable this option to show the Post Categories inside the META information. (See the image below.)

Show Comments: Enable this option to show the Post Comments inside the META information. (See the image below.)

Show Only If Post Has At Least One Comment: Enable this option to hide the comment count from the META information if there is less than one comment on the post.

Meta Sample
Meta 2

Excerpt

Show Full Content: Enable this option to not use the Excerpt Word Count and show the entire Post Content instead.

Excerpt Word Count: Set the Excerpt Word Count.

The Excerpt Word Count setting only works when you don’t manually add an excerpt to your posts. If you write a manual excerpt, WordPress will display the full text you entered, and the length setting will not apply.

Excerpt Item

Readmore

Label: Set the Readmore Label Text.

Readmore

Design Settings

Design Tab: At the top of the Customizer, go to the Design tab to adjust the styles of the archive page, including colors, fonts, and other visual settings.

Archive Title

Title Color: Set the Archive Title color.

Description Colors: Adjust the Description Text Color and the Description Link Hover Color.

Breadcrumbs Colors: Adjust the Breadcrumbs Color for the initial state and the hover state.

Archive Title Background: Set the Archive Title Background to either a Color, Gradient, or Image. (See the GIF to the right.)

Background Overlay Color: Set an Archive Title Background Overlay. This can be set to a Color or Gradient.

Border: Select a Border for the Top and Bottom of the Archive Title and/or the Left and Right side. This initial icon will be an X. Click on the X to select a specific Border Style. You will also be able to select the Border Width (px) and Color once a Border Style is selected. (See the GIF below.)

Border Styles
Archive Title
Archive Title Background

Archive Layout

Post Item Title Font: Adjust the Font Setting for the Post Item. This includes the Font Color, Font Family, Font Style, and other font settings, such as the Text Transform, Line Height, and Letter Spacing. (See the example GIF on the right.)

Item Category Colors: Set the Post Item Category Colors for the Initial and Hover States. (Learn more about setting specific Category Colors below.)

Item Category Font: Adjust the Font Settings for the Item Category Text. This includes the Font Family, Font Style, and other font settings, such as the Text Transform, Line Height, and Letter Spacing. (See the example GIF on the right.)

Item Meta Colors: Adjust the Meta Colors for the Initial and Hover State.

Item Meta Font: Adjust the Item Meta Font Settings. This includes the Font Family, Font Style, and other font settings, such as the Text Transform, Line Height, and Letter Spacing.
(See the example GIF on the right.)

Site Background: Set a Background Color for the Archive Pages. This applies to the entire Site Background.

Content Background: Set a Content Background color for the Archive Pages. This applies to the Background of the Main Content.

Archive Layout
Font Styles

Setting Specific Category Colors

When using the Post Item Category Element, you can customize the category colors in the Design settings of the Customizer, as mentioned above.

An additional feature included in the Kadence Theme allows you to set different colors for different categories.

To do so, navigate to the Dashboard -> Post -> Categories page and edit a specific category. Here, you will be able to set individual Category Colors for the current category. (See the GIF below)

Setting Specific Colors

This setting applies specifically to the Post Item Category Element within the Archive Layout Settings. If a category does not have custom Archive Colors set, it will inherit the global Customizer color settings for Post Item Categories.

Do you feel this document was helpful?
Single Post Layout Customizer SettingsKadence WooCommerce Customizer Settings
The Kadence WP Logo
Crafted in Missoula, Montana
  • Follow Kadence on Facebook
  • Follow Kadence on Youtube
  • X
  • Follow Kadence on Instagram
Trustpilot
Products
  • Kadence Plans
  • Kadence Theme
  • Kadence Blocks
  • Kadence AI
  • Kadence Starter Templates
  • Kadence Shop Kit
  • Kadence Conversions
  • Kadence Pattern Hub
  • View All
Resources
  • Blog
  • Podcast
  • Knowledgebase
  • Support ticket
  • Feature Requests
  • FAQ
  • WordPress Hosting Services
About Us
  • About Kadence
  • Become an affiliate
  • Contact us
  • Terms
  • Privacy Policy
  • Security
Our Partner Brands
  • SolidWP
  • LearnDash
  • The Events Calendar
  • GiveWP
  • MemberDash
Kadence Community
  • Kadence Marketplace
  • Join the Facebook Group
  • Subscribe to our YouTube Channel
© 2024 Kadence WP | All prices are in USD
Logo for StellarWP an umbrella brand of Premium WordPress plugins
  • Pricing
  • Products
    • Premium PlansGet all the tools you need in one plan
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
    • Get Kadence + Hosting
      In One Place

      Enjoy faster setup, top-tier performance, and worry-free WordPress hosting – Kadence Theme, Kadence Blocks, and Solid Security all pre-installed.

      Learn More

  • Kadence AI
  • Starter Templates
  • Blog
  • Support
    • Resource HubStart here for guides, Product docs, FAQs, and Troubleshooting tips, all in one place.
    • Contact SupportStuck on something? We’re here to help! Open a ticket for top-notch support.
    • Contact Our TeamGot pre-sales questions or need help choosing a plan? Open a ticket and our team will guide you.
    • About usCrafted with love in Missoula, Montana. Meet the team behind the mission.
Account Login
  • Features
  • Pro
  • Starter Templates
  • HelpExpand
    • Documentation
    • Facebook Group
    • Submit a Ticket
    • Feature Requests
    • Roadmap
    • Changelog