Kadence Theme with Elementor (Free Versions) WordPress Tutorial

We combine the popular Elementor page builder with the best free WordPress theme, Kadence. In this method, we use Elementor to design our pages, and Kadence to design our headers, footers, posts and blog page layout.

This method gives us the design features and flexibility of Elementor for pages where design is of high importance (e.g marketing pages and landing pages). It also combines the speed and minimalism of Kadence on pages where load time and a snappy UX is needed - e.g. on posts.

We use free versions of both Kadence and Elementor. The nice thing here is that where the free version of Elementor is lacking (header and blog design elements) - Kadence makes up for it! Combining these two tools provides a very powerful combo.

Recommended related previous tutorials:

Kadence Blogs: https://youtu.be/Uk9cUJ2Cxf4
Kadence Headers: https://youtu.be/O-hLkHgFOC0
Kadence + WooCommerce: https://youtu.be/zOq00atRoHk
Blog Grid on Elementor (Free): https://youtu.be/EE443zANjcY
Designing Sections in Elementor: https://youtu.be/oEfMAcLGX6Y

Kadence and Elementor Tutorial Timeline:

0:00 Introduction - Kadence with Elementor
0:51 WordPress Setup, plugins needed
1:55 Kadence Theme Install
2:50 Add pages
3:25 Define home and blog pages
3:50 Adding Elementor templates
7:30 Change a Page to Transparent Header
8:24 Kadence theme customizer
8:35 Kadence Transparent Header Setup
11:35 Kadence Menu Setup
13:06 Kadence Standard Header Setup
14:45 Adding demo posts
16:13 Kadence blog page customization
17:59 Kadence blog post customization
19:46 Adding more Elementor pages to the site
21:30 Learn More Kadence Theme Skills