Kadence Theme
The Kadence Theme provides you with a lightweight, high-performance foundation designed to build beautiful, fast-loading WordPress websites. Unlike rigid traditional frameworks that slow down your pages with bloated code, this theme relies on modern web standards to deliver optimal page speed out of the box. By combining flexible layout controls with accessibility-friendly structures, it ensures that your site looks stunning on mobile devices and desktops alike while maintaining high search engine rankings.
The theme customizer gives you complete control over your site’s visual elements without needing to write complex CSS code. From a single live-preview panel, you can design advanced multi-layer headers and footers using a drag-and-drop builder, set global color palettes that update across your entire site instantly, and control your typography hierarchy. Whether you are building a professional business portal, a personal blog, or an e-commerce shop, this collection provides the guidance needed to master global style options, configure responsive page layouts, and optimize your site design.
Kadence Theme articles
Browse the styling guides and layout tutorials detailed below to master the live customizer settings and fine-tune your site design framework.
How to create a Mega (Multicolumn Menu)
Read more: How to create a Mega (Multicolumn Menu)Megamenus can be built in Kadence using the Ultimate Menu addon available in Kadence Theme Kit Pro. A child menu item’s content can hook any element, which means endless possibilities. Ultimate Menu allows you to build your menu content using the WordPress block editor you are familiar with and show it in one or more…
How to use the Color Palette Switch (Dark Mode)
Read more: How to use the Color Palette Switch (Dark Mode)As of Kadence Pro version 1.0.3, there are options to enable a color switch for your users to select a “dark mode” of your website. See an example site to try it out. The approach we took with Kadence was to provide a lightweight option to have a dark mode. Because of that, this tool…
How to use the Kadence Theme Color Palette
Read more: How to use the Kadence Theme Color PaletteThe Kadence Theme features a comprehensive color palette that allows you to connect colors across your website globally. This is great for the Kadence Theme alone and also unlocks more color consistency when combined with the Kadence Blocks plugin. These colors are not just decorative as they’re foundational to your site’s design system, defining how…
Kadence Infinite Scroll
Read more: Kadence Infinite ScrollThe Kadence Infinite Scroll feature is a powerful feature within Kadence Theme Kit Pro, designed to enhance the user experience on your archive pages (like your blog, search results, or shop). It dynamically loads new posts as the user scrolls, eliminating the need to click standard pagination links. The Infinite Scroll feature is available in…
Kadence Theme Advanced
Read more: Kadence Theme AdvancedLearn how to use Kadence Theme advanced settings to inject tracking scripts, configure developer hooks, and optimize multi-site asset loading.
Kadence Theme Header
Read more: Kadence Theme HeaderLearn how to use the Kadence drag-and-drop header builder to configure sticky navigation bars, responsive mobile menus, and transparent headers.
Kadence Theme Hooked Elements
Read more: Kadence Theme Hooked ElementsDiscover how to use Kadence Hooked Elements to inject custom content blocks, apply conditional display rules, and target specific user groups.
Kadence Theme Settings
Read more: Kadence Theme SettingsLearn how to export, import, and back up your Kadence Theme configuration settings to speed up site deployment and maintain brand consistency.