Skip to content
Help Center
  • Pricing
  • ProductsExpand
    • Premium PlansGet all the tools you need in one plan
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
    • Get Kadence + Hosting
      In One Place

      Enjoy faster setup, top-tier performance, and worry-free WordPress hosting – Kadence Theme, Kadence Blocks, and Solid Security all pre-installed.

      Learn More

  • Kadence AI
  • Starter Templates
  • Blog
  • SupportExpand
    • Resource HubStart here for guides, Product docs, FAQs, and Troubleshooting tips, all in one place.
    • Contact SupportStuck on something? We’re here to help! Open a ticket for top-notch support.
    • Contact Our TeamGot pre-sales questions or need help choosing a plan? Open a ticket and our team will guide you.
    • About usCrafted with love in Missoula, Montana. Meet the team behind the mission.
Account Account
Get Kadence
Kadence Blocks
  • Features
  • Pro
  • Blocks
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Facebook Group
    • Feature Requests
    • Roadmap
    • Changelog
Help Center
Kadence Blocks

Kadence Blocks

Getting Started

Block Tutorials

  • Responsive Breakpoints in Kadence
  • Create a Full Screen Landing Page
  • How to Control the Hero or Title Section Sitewide and Per Page in Kadence

Kadence Blocks Pro

  • How to hook elements inside of post or page content
  • Kadence Custom Fonts
  • How to Create a Custom Search Page with Hooked Elements and the Advanced Query Loop

Troubleshooting Blocks

  • Troubleshooting White/Blank Screens in the Editor or Customizer
  • How to Download Previous Versions of the Kadence Theme and Plugins
  • How to run the WordPress built-in database repair tool
  • Recommended Server Resources
  • Troubleshooting the “Update Failed: Service Unavailable” error when updating Kadence Pro plugins

Advanced

Advanced Headers

Kadence Form Integrations

  • Home
  • Knowledge Base
  • Kadence Blocks
  • Kadence Theme
  • Kadence Elements

The Four Types of Kadence Elements

When creating a new Kadence Element, you will be prompted to select a specific Element Type. Each Element Type can be used for different purposes.

New Element Setup

The available Element Template types are: Content Section elements, Fixed Section elements, Template elements, and HTML Editor elements. Use Kadence Blocks and dynamic content to design and style your Elements. Learn about each template type below.

Table of Contents
  • Content Section Elements
  • Fixed Section Elements
  • Template Elements
  • HTML Editor Elements

Content Section Elements

Content Section Elements allow you to add content to any hook available on the website. This can be useful for inserting content into posts and pages on your website. For example, you can add a Content Section Hooked Element directly after the header. You can also insert Content Section Elements within the content of the current post. Use the Element Settings to view various theme hooks or use a custom hook.

Content Section Element

Click here for an in-depth guide on using Content Section Hooked Elements.

Fixed Section Elements

Fixed Section Elements add a Fixed Section to the page. Allowing you to display content that remains in a fixed position over the screen, overlaying the current post or page content. You can place Fixed Elements at the top or bottom of the page and choose to display them on scroll or immediately on page load.

Fixed Section

Click here for an in-depth guide on using Fixed Section Hooked Elements.

Template Elements

Template Elements allow you to take dynamic control over key areas of your website. With Template Elements, you can replace default sections such as the Header, Above Content Hero, Single Post Content, Archive Content, and more. This allows you to make complete Single Post Templates, Archive Templates, and more.

Replace Archive

Result:

Replaced Archive

Template Elements can be more advanced, as they can replace Single Posts, Single Pages, and Archive Pages. With that in mind, it is suggested to read this entire document to explore all of the possibilities of Kadence Template Elements.

HTML Editor Elements

HTML Editor Elements give you full control when it comes to inserting custom HTML anywhere on your site. Whether you want to add scripts, third-party embed codes, or completely custom markup, this element type is perfect for developers or advanced users who want to go beyond block-based layouts.

HTML Element

Click here for an in-depth guide on using HTML Editor Hooked Elements.

Do you feel this document was helpful?
The Kadence WP Logo
Crafted in Missoula, Montana
  • Follow Kadence on Facebook
  • Follow Kadence on Youtube
  • X
  • Follow Kadence on Instagram
Trustpilot
Products
  • Kadence Plans
  • Kadence Theme
  • Kadence Blocks
  • Kadence AI
  • Kadence Starter Templates
  • Kadence Shop Kit
  • Kadence Conversions
  • Kadence Pattern Hub
  • View All
Resources
  • Blog
  • Podcast
  • Knowledgebase
  • Support ticket
  • Feature Requests
  • FAQ
  • WordPress Hosting Services
About Us
  • About Kadence
  • Become an affiliate
  • Contact us
  • Terms
  • Privacy Policy
  • Security
Our Partner Brands
  • SolidWP
  • LearnDash
  • The Events Calendar
  • GiveWP
  • MemberDash
Kadence Community
  • Kadence Marketplace
  • Join the Facebook Group
  • Subscribe to our YouTube Channel
© 2024 Kadence WP | All prices are in USD
Logo for StellarWP an umbrella brand of Premium WordPress plugins
  • Pricing
  • Products
    • Premium PlansGet all the tools you need in one plan
    • Kadence ThemeLightning-fast performance theme for modern websites
    • Kadence BlocksDrop in ready designs with advanced controls for pixel perfect websites
    • Kadence Shop KitCreate a more effective WooCommerce shopping experience
    • Kadence ConversionsBoost sales and build engaged audiences with popups and banners
    • Kadence InsightsEasily create A/B tests. Optimize your pages to drive higher conversions.
    • View All Products
    • Get Kadence + Hosting
      In One Place

      Enjoy faster setup, top-tier performance, and worry-free WordPress hosting – Kadence Theme, Kadence Blocks, and Solid Security all pre-installed.

      Learn More

  • Kadence AI
  • Starter Templates
  • Blog
  • Support
    • Resource HubStart here for guides, Product docs, FAQs, and Troubleshooting tips, all in one place.
    • Contact SupportStuck on something? We’re here to help! Open a ticket for top-notch support.
    • Contact Our TeamGot pre-sales questions or need help choosing a plan? Open a ticket and our team will guide you.
    • About usCrafted with love in Missoula, Montana. Meet the team behind the mission.
Account Login
  • Features
  • Pro
  • Blocks
  • HelpExpand
    • Documentation
    • Submit a Ticket
    • Facebook Group
    • Feature Requests
    • Roadmap
    • Changelog