---
title: "Kadence Blocks"
source: "https://docs.nexcess.com/software/kadence/blocks/"
description: "Includes How to Add Custom Design Library Locations in Kadence Blocks, Text (Adv) Block, Kadence Blocks Errors when SCRIPT_DEBUG is Enabled, Advanced Navigation Sub Menus and Mega Menus and Displaying Shortcodes in the WordPress Editor. 69 articles."
taxonomy: "area"
parent: "Kadence"
vertical: "Software"
articles: "69"
---

# Kadence Blocks

Includes How to Add Custom Design Library Locations in Kadence Blocks, Text (Adv) Block, Kadence Blocks Errors when SCRIPT_DEBUG is Enabled, Advanced Navigation Sub Menus and Mega Menus and Displaying Shortcodes in the WordPress Editor. 69 articles.

## Articles

- [How to Add Custom Design Library Locations in Kadence Blocks](https://docs.nexcess.com/software/kadence/blocks/add-a-custom-design-library.md): The Kadence Design Library ships with Kadence's own patterns and pages, but it isn't limited to them. You can point it at a Pattern Hub you built yourself, at a…
- [Text (Adv) Block](https://docs.nexcess.com/software/kadence/blocks/advanced-heading-block.md): The Text (Adv) Block allows you to add and customize Text across your website. You can use a Typed Text Effect, Highlighted Colors, customize advanced typograph…
- [Kadence Blocks Errors when SCRIPT_DEBUG is Enabled](https://docs.nexcess.com/software/kadence/blocks/block-errors-when-script-debug-is-enabled.md): Some users have reported encountering issues with Kadence Blocks when the SCRIPT_DEBUG constant is enabled in their WordPress configuration. This document outli…
- [Advanced Navigation Sub Menus and Mega Menus](https://docs.nexcess.com/software/kadence/blocks/advanced-navigation-sub-menus-mega-menus.md): This guide provides detailed instructions for creating an Advanced Navigation Menu using the Advanced Navigation Block. The steps cover adding navigation links,…
- [Displaying Shortcodes in the WordPress Editor](https://docs.nexcess.com/software/kadence/blocks/insert-shortcodes.md): When using Kadence Elements, custom Shortcodes, or Shortcodes from third-party plugins, it may be necessary to display them using the WordPress Block Editor. Gu…
- [How to Access the Kadence Design Library](https://docs.nexcess.com/software/kadence/blocks/access-the-design-library.md): The Kadence Design Library is a valuable resource that you can use to enhance your website. It contains pre-designed patterns and pages that can be easily integ…
- [How to use Advanced Headers Globally and Conditionally in Kadence](https://docs.nexcess.com/software/kadence/blocks/use-advanced-headers-globally-conditionally.md): This document explains the recommended workflow for applying Advanced Headers in Kadence. Advanced Headers can be applied either globally or conditionally, depe…
- [The Kadence Header (Adv) Block](https://docs.nexcess.com/software/kadence/blocks/kadence-header-adv-block.md): Kadence Blocks features the Advanced Header Block, allowing you to create stunning Headers directly from the Block Editor. This block offers a limitless alterna…
- [Using Advanced Header / Navigation Blocks vs Kadence Theme Header Builder](https://docs.nexcess.com/software/kadence/blocks/advanced-header-blocks-vs-theme-builder.md): The Kadence Advanced Header offers comprehensive control over your WordPress header, making it an excellent choice for both Classic WordPress and Full Site Edit…
- [Advanced Slider](https://docs.nexcess.com/software/kadence/blocks/advanced-slider-block.md): The Advanced Slider block provides an element that displays content in a slideshow format. This block allows users to view multiple content slides within a sing…
- [How to add Multiple Markers in the Kadence Google Maps Block](https://docs.nexcess.com/software/kadence/blocks/multiple-markers-google-maps-block.md): The free Kadence Blocks plugin includes the Google Maps Block, which allows you to display a single location on a Google Map. However, you may want to expand on…
- [How to Integrate Google Analytics with Kadence Forms](https://docs.nexcess.com/software/kadence/blocks/google-analytics-form-adv-block.md): Tracking form submissions can be a key, critical part of measuring how well your site is performing. Google Analytics makes it possible to monitor these interac…
- [The Kadence Visual Builder & Off Canvas Settings](https://docs.nexcess.com/software/kadence/blocks/visual-builder-off-canvas-settings.md): When creating Advanced Headers, the Visual Builder enables you to add blocks to the header and customize each header row. You can easily modify the Desktop Head…
- [How to Modify SVG Dividers in Kadence Row Layout Blocks](https://docs.nexcess.com/software/kadence/blocks/add-modify-row-layout-svg-dividers.md): The Kadence Row Layout Block includes the ability to use Top and Bottom Dividers that make it easy to visually separate sections of a page.For users who want mo…
- [The Kadence Block Controls](https://docs.nexcess.com/software/kadence/blocks/block-controls.md): When using Kadence Blocks, you will gain access to the Kadence Block Controls. This is represented by a Kadence K Icon in the Top Right corner of the Gutenberg…
- [Troubleshooting Query Loop (Adv) Blocks, Filters, and Search issues](https://docs.nexcess.com/software/kadence/blocks/troubleshoot-query-loop-adv-filters-and-search.md): The Query Loop (Advanced) block relies heavily on the WordPress REST API to dynamically load and filter content without refreshing the entire page. When the blo…
- [Using Padding and Margin in Kadence Blocks](https://docs.nexcess.com/software/kadence/blocks/block-padding-and-margin.md): When refining your website’s layout and design, padding and margin are two fundamental tools you'll often work with. When using Kadence Blocks, you'll often see…
- [Applying Block-Level Custom CSS in Kadence Blocks](https://docs.nexcess.com/software/kadence/blocks/block-level-custom-css.md): Kadence Blocks provides an easy way to apply block-level custom CSS directly inside the WordPress editor. This feature is available in the Row Layout and Sectio…
- [Custom Queries for the Advanced Query Loop Block (Filter)](https://docs.nexcess.com/software/kadence/blocks/custom-queries-advanced-query-loop.md): The Advanced Query Loop block (Kadence Blocks Pro) provides settings to create a custom query loop. However, sometimes, you need to alter the query beyond the c…
- [Getting the most out of Navigation Link Blocks](https://docs.nexcess.com/software/kadence/blocks/navigation-link-block-tips.md): The Navigation Link Block is a Block within Advanced Navigations that offers versatile control over individual navigation links. This block allows you to add su…
- [How to Override the Kadence Forms Email Template](https://docs.nexcess.com/software/kadence/blocks/override-form-email-template.md): Kadence Forms uses a default email template to format form notification emails. This template controls the layout, spacing, fonts, and basic styles used in emai…
- [How to use Popup Modal Filters with Advanced Query Loops](https://docs.nexcess.com/software/kadence/blocks/popup-modal-filters-advanced-query-loops.md): The Advanced Query Loop Block provides a variety of filtering options through the Query Loop Filter Blocks. For an enhanced user experience, consider placing th…
- [Kadence CAPTCHA](https://docs.nexcess.com/software/kadence/blocks/captcha.md): Kadence CAPTCHA allows you to add either Google's reCAPTCHA service or Cloudflare's Turnstile service to your website. Kadence CAPTCHA can be used on Forms acro…
- [Query Loop (Adv) Block](https://docs.nexcess.com/software/kadence/blocks/advanced-query-loop-block.md): When you require a custom query design, the Advanced Query Loop Block is the perfect solution. This block combines all of the standard Kadence customization fea…
- [Building Headers and Footers in Full Site Editing with Kadence Blocks](https://docs.nexcess.com/software/kadence/blocks/headers-footers-full-site-editing.md): Full Site Editing Themes empower you to create dynamic Page Templates that seamlessly integrate Headers, Footers, and Content into a cohesive design. These vers…
- [Getting started with Advanced Header/Navigations](https://docs.nexcess.com/software/kadence/blocks/advanced-header-navigations.md): Kadence Blocks features the Advanced Header Block and Advanced Navigation Block. These are powerful Blocks that grant you the ability to create impressive Heade…
- [How to Create Patterns in WordPress (Reusable Blocks)](https://docs.nexcess.com/software/kadence/blocks/create-patterns.md): When creating a website, you may have a design you want to reuse over and over. For example, a hero section you may use for custom titles. This is where WordPre…
- [How to Import and Export Blocks or Sections Between Websites](https://docs.nexcess.com/software/kadence/blocks/import-and-export-blocks.md): WordPress makes it possible to copy, share, and reuse blocks and layout sections between websites without installing extra plugins. This includes core WordPress…
- [How to Modify the Form (Adv) Submit Actions using a Filter](https://docs.nexcess.com/software/kadence/blocks/form-adv-submit-actions-filter.md): This tutorial explains how to change what happens when a Form (Adv) is submitted by using the kadence_blocks_advanced_form_actions filter. This filter makes it…
- [How to Set a Gradient Border for the Section block](https://docs.nexcess.com/software/kadence/blocks/gradient-border-section-block.md): To set a gradient border using CSS in WordPress, you can employ the border-image property or a more advanced technique using background-clip.Helpful resources:…
- [Integrating Kadence Forms with Webhooks](https://docs.nexcess.com/software/kadence/blocks/webhooks-form-adv-block.md): The Kadence Form and Form (Adv) Blocks both support integration with Webhooks. This is an integration available with Kadence Blocks Pro. To use the Kadence Form…
- [The Kadence Navigation Builder](https://docs.nexcess.com/software/kadence/blocks/kadence-navigation-builder.md): Kadence features the Navigation Builder. Allowing you to create Navigation Menus directly in the WordPress Editor. Use the Navigation Builder to create new navi…
- [Understanding Units of Measurement with Kadence](https://docs.nexcess.com/software/kadence/blocks/units-of-measure.md): If you are new to web design, seeing options like PX, EM, REM, and VW/VH in your Kadence settings can feel overwhelming. You might wonder, "Which one should I c…
- [Integrating Kadence Forms with Kit (ConvertKit)](https://docs.nexcess.com/software/kadence/blocks/kit-form-adv-block.md): The Form (Adv) Block supports integration with Kit (formerly ConvertKit) when you have Kadence Blocks Pro installed. This guide will help you get started with i…
- [How to Show Events Using the Kadence Post Grid/Carousel Block](https://docs.nexcess.com/software/kadence/blocks/showing-events-post-grid-carousel-block.md): The Kadence Post Grid/Carousel block has filters and hooks that allow you to customize the output of the block. In this guide, we'll create a carousel showing u…
- [Customizing the Kadence Blocks Pro Post Grid/Carousel block’s Query to show multiple post types](https://docs.nexcess.com/software/kadence/blocks/show-multiple-post-types-post-grid-carousel-block.md): The Kadence Post Grid/Carousel block has filters and hooks that allow you to customize the output of the block. This guide will explain how to customize the Kad…
- [Using Tooltips with Kadence Blocks](https://docs.nexcess.com/software/kadence/blocks/tooltips-kadence-blocks.md): Kadence Blocks offers a powerful feature that allows you to add tooltips to texts, icons, and buttons across your website. Tooltips are small pop-up boxes that…
- [Troubleshooting the “Error, Unable to access library database, please try re-syncing” error on the Kadence Blocks Design Library](https://docs.nexcess.com/software/kadence/blocks/unable-to-access-library-database-error.md): You may see the following error when opening the Kadence Design Library: “Error, Unable to access library database, please try re-syncing.”This indicates that y…
- [Populate Select, Checkbox, and Radio field option values programmatically in Form (Adv)](https://docs.nexcess.com/software/kadence/blocks/populate-field-values-programmatically-form-adv.md): This guide explains how to programmatically populate option values for Select, Checkbox, and Radio fields inside the Form (Adv) block. By default, these fields…
- [Lottie Animations Block](https://docs.nexcess.com/software/kadence/blocks/lottie-animation.md): The Kadnece Lottie Animations Block lets you add lightweight, vector-based animations to your pages or posts. Lottie animations scale smoothly and load quickly,…
- [Kadence Forms and Database Entries](https://docs.nexcess.com/software/kadence/blocks/database-entries-form-adv-block.md): The Kadence Form and Form (Adv) Blocks both support logging form submissions via Database Entry. This is available only with Kadence Blocks Pro. To use the Kade…
- [Kadence Forms and Auto Respond Emails](https://docs.nexcess.com/software/kadence/blocks/auto-responder-form-adv-block.md): The Kadence Form and Form (Adv) Blocks both support adding an Auto Respond Email. This feature is only available with Kadence Blocks Pro. To use the Kadence For…
- [Integrating Kadence Forms with Mailerlite](https://docs.nexcess.com/software/kadence/blocks/mailerlite-form-advanced-block.md): The Kadence Form and Form (Adv) Blocks both support integration with Mailerlite. Below, you will learn how you can start using Kadence alongside Mailerlite. Mai…
- [Integrating Kadence Forms with Mailchimp](https://docs.nexcess.com/software/kadence/blocks/mailchimp-form-adv-block.md): The Kadence Blocks Pro plugin adds Mailchimp integration to both the Kadence Form and Form (Adv) Blocks. Below, you will learn how you can start using Kadence B…
- [Integrating Kadence Forms with FluentCRM](https://docs.nexcess.com/software/kadence/blocks/fluentcrm-form-advanced-block.md): The Kadence Form and Form (Adv) blocks both support integration with FluentCRM. This guide will show you how you can start using Kadence Forms with FluentCRM. N…
- [Integrating Kadence Forms with Brevo](https://docs.nexcess.com/software/kadence/blocks/brevo-form-adv-block.md): The Kadence Form and Form (Adv) Blocks both support integration with Brevo. (Previously known as SendInBlue.) This is an integration available with Kadence Bloc…
- [Importing & Exporting Advanced Headers & Navigations](https://docs.nexcess.com/software/kadence/blocks/import-export-advanced-headers-navigation.md): Kadence Advanced Headers and Advanced Navigations can be exported and imported from website to website. This allows you to take existing Headers and/or Navigati…
- [How to Use Flexbox Layouts with Section Blocks](https://docs.nexcess.com/software/kadence/blocks/flexbox-layouts-with-section-blocks.md): The Section Block in Kadence Blocks includes Flexbox controls by default. These controls make it possible to build layouts where each piece of content behaves i…
- [How to Use a Post Grid/Carousel Block as Related Posts](https://docs.nexcess.com/software/kadence/blocks/use-a-post-grid-carousel-block-as-related-posts.md): The Kadence Theme includes a built-in Related Posts feature that automatically displays posts sharing similar categories or tags. However, if you want complete…
- [How to Run JavaScript After a Kadence Form is Successfully Submitted (On Event)](https://docs.nexcess.com/software/kadence/blocks/run-javascript-after-form-submitted.md): You can run custom JavaScript immediately after someone submits a Kadence Form on your site. Kadence Blocks makes this possible by providing JavaScript events t…
- [How to Make a Top Section Sticky with Kadence Blocks](https://docs.nexcess.com/software/kadence/blocks/make-top-section-sticky-kadence-blocks.md): The Row Layout Block is commonly used to create sticky left or right sections. This setup allows one side of your layout to stay visible as the other side scrol…
- [How to integrate hCaptcha with Kadence Form (Adv) Blocks](https://docs.nexcess.com/software/kadence/blocks/hcaptcha-form-adv-block.md): When adding forms to your website, it's important to include spam protection to help prevent unwanted or automated submissions. The free Kadence Form (Adv) Bloc…
- [How to Force Reindex Advanced Queries](https://docs.nexcess.com/software/kadence/blocks/force-reindex-advanced-queries.md): Sometimes when you're using an Advanced Query Block, things like taxonomies or custom fields might not show up the way you expect. Normally, Kadence takes care…
- [How to Create a Custom Search Page with Hooked Elements and the Advanced Query Loop](https://docs.nexcess.com/software/kadence/blocks/custom-search-page-hooked-elements-advanced-query-loop.md): By default, WordPress generates a simple search results page that lists posts matching the user’s search query. With Kadence Hooked Elements and the Advanced Qu…
- [How to Change the Query Loop (Adv) “All” Button Text](https://docs.nexcess.com/software/kadence/blocks/change-the-query-loop-adv-all-button-text.md): While working with the Advanced Query Loop, you may need to change the "All" text found in the Button Filters. This guide will show two possible methods for cha…
- [How to customize the design library color palette](https://docs.nexcess.com/software/kadence/blocks/customize-design-library-color-palette.md): The Kadence Design Library offers a color palette. This palette consists of a light color, a dark color, and a highlight color. If you use the Kadence Theme, th…
- [How to Customize the Kadence Blocks Variable Font Sizes (SM, MD, LG, XL, 2XL, and 3XL)](https://docs.nexcess.com/software/kadence/blocks/variable-font-sizes.md): With Kadence Blocks 3.0, Kadence Blocks moved many of our default size settings to use custom variables so you can set small, medium, and large sizes for standa…
- [How to Block Form (Adv) Spam Using WordPress Disallowed Comment Keys](https://docs.nexcess.com/software/kadence/blocks/form-adv-block-disallowed-comment-keys.md): Spam form submissions can be a frustrating problem for websites owners. Fortunately, WordPress provides a built-in feature called Disallowed Comment Keys, which…
- [How To Add Custom Snippets with Code Snippets](https://docs.nexcess.com/software/kadence/blocks/add-custom-filter-or-function-with-code-snippets.md): The easiest way to add custom PHP or JavaScript functions to your site is by using a code snippets plugin. Compared to a child theme, it offers better organizat…
- [Getting Started with Kadence Performance](https://docs.nexcess.com/software/kadence/blocks/kadence-performance.md): If you want your Kadence-built website to load faster without the need for extra optimization tools, the Kadence Performance tool (built into Kadence Blocks) ca…
- [Creating Anchor Links](https://docs.nexcess.com/software/kadence/blocks/creating-anchor-links.md): Creating Anchor Links with Kadence Blocks Anchor links let you link directly to a specific section of your page. This is useful for creating navigation menus, “…
- [Custom Queries for the Portfolio Grid/Carousel Block (Filter)](https://docs.nexcess.com/software/kadence/blocks/custom-queries-for-portfolio-grid-carousel-block.md): The Portfolio Grid/Carousel block (Kadence Blocks Pro) provides settings to display posts in a grid or carousel layout. However, sometimes you need to alter the…
- [Adding Classic Wireframes, Starter Packs, and Sections to the New Design Library](https://docs.nexcess.com/software/kadence/blocks/wireframes-starter-packs-sections-design-library.md): The Kadence Design Library has been updated with new wireframes. By default, the new Design Library no longer automatically features our old wireframes, starter…
- [Dynamically Displaying ACF or Metabox Relationships in Query Loop (Adv) blocks](https://docs.nexcess.com/software/kadence/blocks/display-acf-relationship-fields-query-loop-adv-block.md): This guide covers how to display specific Custom Post Type (CPT) items, such as Tours, on another CPT, like Guides, using an ACF Relationship Field or Metabox R…
- [Custom Upload Directory in Kadence Form (Adv) Block](https://docs.nexcess.com/software/kadence/blocks/custom-upload-directory-form-adv-block.md): By default, files uploaded through Kadence Blocks Advanced Form are stored in the WordPress uploads directory under: /wp-content/uploads/kadence_form/ These fil…
- [Run JavaScript when Query Loop (Adv) Updates](https://docs.nexcess.com/software/kadence/blocks/run-javascript-when-query-loop-adv-updates.md): Kadence Blocks Pro has an event called kb-query-loaded that fires whenever a Query Loop (Adv) block loads new results. Think of it like a signal: when the Query…
- [Query Loop (Adv) Block: Split Character Filter](https://docs.nexcess.com/software/kadence/blocks/split-character-filter-query-loop-adv-block.md): The kadence_blocks_pro_query_block_split_character filter allows you to change the character used to split values in the Query Loop (Adv) Block (included in Kad…
- [Custom Queries for the Posts Block (Filter)](https://docs.nexcess.com/software/kadence/blocks/custom-queries-for-posts-block.md): The Posts block provides settings to display posts in a grid layout. However, sometimes you need to alter the query beyond the block’s built-in settings. In the…
- [How To Set Your Own Conditions for Successful Form (Adv) Submissions](https://docs.nexcess.com/software/kadence/blocks/set-conditions-for-form-adv-submissions.md): By default, Kadence Form (Adv) is marked as “successful” when it passes all of its built-in checks, such as required fields and spam protection. However, there…