Kadence Theme Advanced
The Kadence Theme Advanced section is a specialized resource for developers and power users who want to push the boundaries of their WordPress site’s functionality. By providing a suite of filters, code snippets, and advanced configuration guides, this section enables you to implement bespoke features that go beyond the standard Customizer settings. These technical enhancements are essential for building high-performance, uniquely tailored websites that align with specific design or SEO requirements.
This collection focuses on deep technical customizations and site-wide optimizations. Users can learn to manipulate the theme’s core behavior through filters, such as adjusting scroll offsets for smooth scrolling or disabling default Schema Markup to use custom microdata. The documentation also covers advanced layout tweaks like adding featured thumbnails to post navigation, enabling categories and tags for pages, and implementing transparent headers on 404 pages. Furthermore, it provides detailed instructions on the safe application of Custom CSS and Scripts, ensuring that your modifications are both performant and easily manageable across your entire site.
Kadence Theme Advanced articles
This collection provides technical references, code snippets, and advanced configuration guides for developers looking to extend the core functionality of the Kadence Theme.
How to Enable Transparent Header on 404 Page
Read more: How to Enable Transparent Header on 404 PageBy default, the transparent header is not applied to the 404 page. This is because the 404 page does not have a page title, and when the transparent header is enabled, it may overlap with the 404 message and search field, affecting visibility and usability. However, for more advanced setups, you can create a custom…
How to Import, Export, and Reset Kadence Theme Customizer Settings Using Starter Templates Plugin
Read more: How to Import, Export, and Reset Kadence Theme Customizer Settings Using Starter Templates PluginIf you’re working with the Kadence theme, you may need to import and export customizer settings occasionally. This can be especially helpful if you’re a developer and need to transfer settings between different sites. This tutorial will show you how to import and export customizer settings using the Starter Templates Plugin. To import and export…
How to Remove the Page Title in Kadence Theme
Read more: How to Remove the Page Title in Kadence ThemeWhen you create a new page in WordPress, the page title usually appears at the top of the content area. If you’re using the Kadence Theme, you can easily hide this title without using custom code or CSS. This is very common on your Home page or other pages that have their own page headings.…
How to specify different CSS styles for mobile, tablet, and PC layouts
Read more: How to specify different CSS styles for mobile, tablet, and PC layoutsDifferent CSS styles for mobile, tablet, and Desktop layouts are primarily specified using CSS Media Queries. This technique allows you to apply styles based on the characteristics of the device rendering the content, such as screen width, height, and orientation. *Please note that it is just a basic overview of CSS Media Queries. You can…
How to Track WooCommerce Cart Actions with JavaScript
Read more: How to Track WooCommerce Cart Actions with JavaScriptTracking customer interactions in your WooCommerce store can provide valuable insight into how shoppers engage with your products. Two of the most important actions to monitor are when a customer adds an item to the cart and when they remove an item. This guide will show you how to capture these events using JavaScript, so…
How to use Custom CSS and Scripts using Kadence
Read more: How to use Custom CSS and Scripts using KadenceKadence gives you a lot of flexibility when it comes to adding your own styling and scripts. You can apply them site-wide, or limit them to specific pages or blocks depending on what you need. This guide will walk you through all the different ways to add Custom CSS and scripts with Kadence so you…
Kadence Custom Fonts
Read more: Kadence Custom FontsAll of the Kadence Plans give you access to the Kadence Custom Fonts Plugin. You can upload custom font files to your website or import your Adobe Type Kit Project fonts directly to your Kadence website with ease. The Custom Fonts plugin is available in the Express Plan and greater. You can click here to…
Remove title tags on Kadence SVG Icons
Read more: Remove title tags on Kadence SVG IconsBy default, Kadence SVG icons include a <title> tag inside the SVG markup. This is intentional and generally beneficial because the <title> element provides an accessible, descriptive label for the icon, improving usability for screen readers and enhancing accessibility compliance. While this is perfectly fine from a web standards and accessibility standpoint, some SEO tools…