Kadence Blocks advanced
Unlock deeper design capabilities and build dynamic layouts using the advanced features of the Kadence Blocks library. These articles guide you through configuring complex elements, like nesting rows, managing conditional logic, or utilizing advanced styling options to expand your WordPress editor’s core functionality. Shifting your design workflow to these settings lets you craft intricate layouts that adapt flawlessly across mobile, tablet, and desktop environments.
Review the guides below to master the fine-grained controls of your page layouts and custom styling options. You will learn how to fine-tune margin or padding behaviors, use advanced background structures, and apply custom CSS classes directly within individual block interfaces. Pay extra attention when adjusting these responsive settings to ensure your design remains uniform and completely stable for every site visitor.
Kadence Blocks – advanced articles
The following guides show you how to configure, style, and deploy advanced layout options using the Kadence Blocks plugin.
Advanced Slider
Read more: Advanced SliderThe Advanced Slider block provides an element that displays content in a slideshow format. This block allows users to view multiple content slides within a single space without taking up too much screen real estate. Advanced Sliders often showcase products or highlight important visual content, such as photographs or graphics. The Advanced Slider Block is…
Applying Block-Level Custom CSS in Kadence Blocks
Read more: Applying Block-Level Custom CSS in Kadence BlocksKadence 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 Section blocks under the Advanced tab. Steps to Add Block Level Custom CSS 1. Select the Row or Section Block 2. Navigate to Advanced tab 3. Insert Your CSS Example:…
Custom Queries for the Portfolio Grid/Carousel Block (Filter)
Read more: Custom Queries for the Portfolio Grid/Carousel Block (Filter)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 query beyond the block’s built-in settings. In these cases, you can add a code snippet to modify the WordPress Query object directly. You can add PHP code to your site…
Custom Queries for the Posts Block (Filter)
Read more: Custom Queries for the Posts Block (Filter)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 these cases, you can add a code snippet to modify the WordPress Query object directly. You can add PHP code to your site using a plugin like Code Snippets or your child theme’s functions.php file. If you want to modify the…
Customizing the Kadence Blocks Pro Post Grid/Carousel block’s Query to show multiple post types
Read more: Customizing the Kadence Blocks Pro Post Grid/Carousel block’s Query to show multiple post typesThe 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 Kadence Blocks Pro Posts Grid query using the kadence_blocks_pro_posts_grid_query_args filter. This tutorial will demonstrate how to: Note: If you’re not familiar with adding custom PHP snippets to your…
Headers
Read more: HeadersDesign custom WordPress menus with Kadence Blocks Advanced Headers. Follow our guides to build sticky navigation, mega menus, and mobile layouts.
How to Block Form (Adv) Spam Using WordPress Disallowed Comment Keys
Read more: How to Block Form (Adv) Spam Using WordPress Disallowed Comment KeysSpam form submissions can be a frustrating problem for websites owners. Fortunately, WordPress provides a built-in feature called Disallowed Comment Keys, which allows you to specify words and/or phrases that should be blocked from comments and form submissions. By leveraging this feature with a small custom code snippet, you can automatically reject form entries that…
How to Modify SVG Dividers in Kadence Row Layout Blocks
Read more: How to Modify SVG Dividers in Kadence Row Layout BlocksThe 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 more control over the divider shapes, Kadence Blocks provides a way for advanced users to add custom SVG dividers by modifying existing ones via a custom…