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.
How to Modify the Form (Adv) Submit Actions using a Filter
Read more: How to Modify the Form (Adv) Submit Actions using a FilterThis 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 possible to adjust which submit actions run right before Kadence processes the submission, including turning submit actions on or off based on what was entered. A common use case is making an…
How to Override the Kadence Forms Email Template
Read more: How to Override the Kadence Forms Email TemplateKadence Forms uses a default email template to format form notification emails. This template controls the layout, spacing, fonts, and basic styles used in emails sent from a form. Kadence Blocks allows this template to be safely overridden at the theme level. This makes it possible to adjust styles or markup without editing plugin files…
How to Run JavaScript After a Kadence Form is Successfully Submitted (On Event)
Read more: How to Run JavaScript After a Kadence Form is Successfully Submitted (On Event)You can run custom JavaScript immediately after someone submits a Kadence Form on your site. Kadence Blocks makes this possible by providing JavaScript events that fire only when the form is successfully submitted. The event you use depends on the type of form block you are working with. For example, you might want to do…
How to Set a Gradient Border for the Section block
Read more: How to Set a Gradient Border for the Section blockTo 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: Using the border-image property (Simpler, but no border-radius): This approach is quick to set up and creates a clean gradient border. However, it does not support rounded corners (border-radius). Using background-clip…
How To Set Your Own Conditions for Successful Form (Adv) Submissions
Read more: How To Set Your Own Conditions for Successful Form (Adv) SubmissionsBy 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 are many real-world situations where you may want extra rules before treating a submission as successful. You can achieve this by using the kadence_blocks_advanced_form_submission_reject filter. Once you hook into…
How to Show Events Using the Kadence Post Grid/Carousel Block
Read more: How to Show Events Using the Kadence Post Grid/Carousel BlockThe 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 upcoming events that are sorted by date and also customize the block output to show the event date and time. This example uses The Events Calendar plugin. Note:…
How to Use a Post Grid/Carousel Block as Related Posts
Read more: How to Use a Post Grid/Carousel Block as Related PostsThe Kadence Theme includes a built-in Related Posts feature that automatically displays posts sharing similar categories or tags. However, if you want complete design and layout control, you can recreate this functionality using the Kadence Blocks Pro Post Grid/Carousel Block inside a Hooked Element. This method allows you to fully customize how related posts appear,…
Kadence Blocks – advanced headers
Read more: Kadence Blocks – advanced headersThank you for choosing Liquid Web Software! Our help docs are coming soon, stay tuned. Kadence Blocks – advanced headers articles Find the documentation for your Liquid Web Software product below. Was this article helpful? Yes No Thank you for your input. Thank you for your feedback.