Kadence Blocks Tutorials
Learning how to build responsive layouts and stunning web pages helps you create a professional online presence without writing complex code. Setting up customizable grid structures, custom spacing, and reusable style assets allows you to design your website sections exactly how you want them. When you format your block options correctly, you ensure that your text, images, and buttons align beautifully on any desktop or mobile screen.
This collection provides step-by-step tutorials to help you master layout workflows and design features using Kadence Blocks. You will learn how to structure page rows, control padding and margins, manage default styling preferences, and resolve common formatting conflicts within your builder. Use these resources to build an efficient editing routine and unlock the full potential of your website design.
Kadence Blocks Tutorials
Explore the following guides to learn how to configure layouts, manage block options, and design pages with Kadence Blocks.
Creating Anchor Links
Read more: Creating Anchor LinksCreating 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, “back to top” buttons, or linking to detailed sections of long content. Kadence Blocks makes it simple to add and use anchor links. Step 1: Add an Anchor ID…
Custom Upload Directory in Kadence Form (Adv) Block
Read more: Custom Upload Directory in Kadence Form (Adv) BlockBy default, files uploaded through Kadence Blocks Advanced Form are stored in the WordPress uploads directory under: These files are also organized into year and month subfolders, such as: In some cases, you may want to store form uploads in a different location. For example, you might want them all in one single folder, outside…
Displaying Shortcodes in the WordPress Editor
Read more: Displaying Shortcodes in the WordPress EditorWhen using Kadence Elements, custom Shortcodes, or Shortcodes from third-party plugins, it may be necessary to display them using the WordPress Block Editor. Gutenberg provides the Shortcode Block to achieve this. ShortCode Blocks can be added to posts, pages, elements, widgets, and to anywhere the Block Editor is available. Using the Gutenberg ShortCode Block To…
Getting Started with Kadence Performance
Read more: Getting Started with Kadence PerformanceIf you want your Kadence-built website to load faster without the need for extra optimization tools, the Kadence Performance tool (built into Kadence Blocks) can assist. It requires no extra setup other than installing Kadence Blocks, works alongside your existing optimization tools, and is designed to give you a noticeable speed boost with just a…
How to add Multiple Markers in the Kadence Google Maps Block
Read more: How to add Multiple Markers in the Kadence Google Maps BlockThe 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 this by adding additional markers. This is an advanced guide that walks you through the process. Some technical skills are required, including the ability to modify…
How to Create Patterns in WordPress (Reusable Blocks)
Read more: How to Create Patterns in WordPress (Reusable Blocks)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 WordPress Patterns come into play (previously known as Reusable Blocks). This document will guide you on creating and using Patterns in WordPress. Creating Patterns When…
How to Customize the Kadence Blocks Variable Font Sizes (SM, MD, LG, XL, 2XL, and 3XL)
Read more: How to Customize the Kadence Blocks Variable Font Sizes (SM, MD, LG, XL, 2XL, and 3XL)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 standard element size settings and let us handle the rest. It is easy to still set your own custom sizes using pixels, or any other unit you want,…
How to Import and Export Blocks or Sections Between Websites
Read more: How to Import and Export Blocks or Sections Between WebsitesWordPress makes it possible to copy, share, and reuse blocks and layout sections between websites without installing extra plugins. This includes core WordPress blocks, block-based themes, and advanced blocks such as Kadence Blocks. This guide explains the supported ways to move blocks and layouts between sites, export reusable content, and share block code with Support…