Convert Elementor Documentation To Gutenberg

In this video you'll learn how we converted our custom Elementor Documentation pages to fully Gutenberg. This solution is using the free Kadence Theme and Blocks, plus the free LuckyWP Table Of Contents and Add Anchor Links plugins. This demonstrates how easy this can be without the need to resort to expensive or complicated solutions, and without the need to use Full Site Editing (FSE) in WordPress. Instead, we just use the traditional theme customizer and capability, along with some basic wysiwyg skills. We encourage you to sign up for our free newsletter and demo sites at https://wplaunchkit.com or to explore our other software and training for similar solutions at: More Info: Subscribe to our channel: https://youtube.com/c/LaunchFlows/?sub_confirmation=1 Buy LaunchFlows Today: https://launchflows.com Get Free Patterns For LaunchFlows: https://patterns.launchflows.com Signup for our free LaunchKit newsletter and demo sites today: https://wplaunchkit.com Join our Club for more WordPress solutions and training: https://wplaunchclub.com Need help? Book a free or paid call with Spence: https://wplaunchify.com Plugins Used: https://wordpress.org/plugins/add-anchor-links/ https://wordpress.org/plugins/luckywp-table-of-contents/ CSS Used To Customize The Table Of Contents: /* Table Of Contents Documentation */ .lwptoc_header { display: none; } .lwptoc-light .lwptoc_i { background: none!important; } .lwptoc-light .lwptoc_i A { color: #ea007d!important; font-weight: 600; line-height: 2em; } section#lpwtoc_widget-2 { border-top: 5px solid #ea007d!important; border-bottom: 5px solid #ea007d!important; } .single-documentation .entry.single-entry { box-shadow: 0px 0px 17px 6px rgb(0 0 0 / 8%); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; }

Still puzzling over something?