--- title: "Block Tutorials" source: "https://docs.nexcess.com/category/kadence-blocks/block-tutorials/" description: "Includes How to Add Custom Design Library Locations in Kadence Blocks, Advanced Navigation Sub Menus and Mega Menus, Creating Sticky and Transparent Advanced Headers, Displaying Shortcodes in the WordPress Editor and How To Add Animate on Scroll Effects To Your Page. 29 articles." taxonomy: "category" parent: "Kadence Blocks" articles: "29" --- # Block Tutorials Includes How to Add Custom Design Library Locations in Kadence Blocks, Advanced Navigation Sub Menus and Mega Menus, Creating Sticky and Transparent Advanced Headers, Displaying Shortcodes in the WordPress Editor and How To Add Animate on Scroll Effects To Your Page. 29 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… - [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,… - [Creating Sticky and Transparent Advanced Headers](https://docs.nexcess.com/software/kadence/sticky-transparent-adv-headers.md): Use Kadence Advanced Headers to create both Sticky Headers that remain fixed as users scroll and Transparent Headers that seamlessly blend with the content bene… - [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 Add Animate on Scroll Effects To Your Page](https://docs.nexcess.com/software/kadence/animate-on-scroll-effects.md): Want to make your WordPress site feel more modern and engaging? Adding animations that trigger as you scroll down the page is a simple way to bring your content… - [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 Control the Hero or Title Section Sitewide and Per Page in Kadence](https://docs.nexcess.com/software/kadence/theme/control-the-hero-or-title-section-sitewide-and-per-page.md): The Hero Section (also called a Title Section) is the top part of your page that usually includes the page title, subtitle, background image or color, and layou… - [Adding Video Backgrounds to Row Layout](https://docs.nexcess.com/software/kadence/video-backgrounds-row-layout-block.md): Have you ever wished to enhance your content by adding captivating videos to the background? Imagine the dynamic visual appeal it could bring to your website. I… - [Create a Full Screen Landing Page](https://docs.nexcess.com/software/kadence/full-screen-landing-page.md): What is a Full-Screen Landing Page A full-screen landing page fills the entire browser view, delivering your main message or call-to-action (CTA) without distra… - [Using GIFS and Lottie Animations with Kadence Blocks](https://docs.nexcess.com/software/kadence/gifs-and-lottie-animations.md): Using GIFs can effectively demonstrate information visually. Kadence Blocks supports GIF images, enabling you to display animated content across your website fo… - [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… - [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 add Custom CSS Classes and HTML IDs to Kadence Blocks](https://docs.nexcess.com/software/kadence/add-classes-and-ids-to-blocks.md): When using Kadence Blocks, you might want to add more advanced customization to your blocks. This can include things like adding custom CSS, custom code, or usi… - [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… - [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… - [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… - [Set Equal Column Heights with the Row Layout Block](https://docs.nexcess.com/software/kadence/equal-column-heights-row-layout-block.md): Within the settings for the row layout block you can make each column have an equal height. To do this create a row layout with 2 or more columns and click on t… - [Responsive Breakpoints in Kadence](https://docs.nexcess.com/software/kadence/responsive-breakpoints.md): When building with Kadence products, you may want to adjust values for different screen sizes. For example, as you adjust the size of your browser screen width,… - [Pexels Picker](https://docs.nexcess.com/software/kadence/pexels-picker.md): Kadence has integrated the Pexels Picker, a powerful tool designed to streamline the process of sourcing copyright-free content for your website. The Pexels Pic… - [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 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 hide Kadence blocks via WordPress Gutenberg Preferences](https://docs.nexcess.com/software/kadence/hide-kadence-blocks.md): To hide Kadence Blocks from showing in the WordPress Gutenberg editor using Preferences, follow these simple steps: Edit or Add a Post or Page. Open the Prefere… - [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… - [Adding a Full-width Row](https://docs.nexcess.com/software/kadence/add-a-full-width-row.md): The block editor allows blocks to be aligned fullwidth or wide width. This can be done by clicking on the align button in the block toolbar and then choosing th… - [Adding Privacy Policy link to Kadence Form](https://docs.nexcess.com/software/kadence/add-privacy-policy-link-to-kadence-form.md): Within the Kadence Form Block options, you can add a privacy policy link to the "accept" field in a couple of different ways. First add a new field to your form… - [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…