Gutenberg & Genesis Block Editor Tutorials

The tutorials in this archive contain solutions relating to the Gutenberg block editor for WordPress used in Genesis child themes. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Replace Genesis Block Background Image With Video On Monochrome Pro Front Page

For use with the Monochrome Pro child theme for Genesis, this tutorial provides the code which enables you to replace the background image

Replace Image With Slider In Revolution Pro Themes Home Page

This tutorial provides the steps which enable you to replace the home page image with a responsive slider like this - Demo Video Shows

How To Add Image Hover Overlay Text To Gutenberg Images

This solution enables you to show text when images are hovered using the Gutenberg block editor. In this case, unique text is added to each

Copy Genesis Front Page Template Using Gutenberg

This tutorial shows you how to copy the front page template using the Gutenberg editor. In this download, you'll get a copy of the

Full Width Image Block Revolution Pro Front Page

This tutorial shows you how to make the windows image block ( first image ) added using Gutenberg in the Revolution Pro themes front page

Magazine Pro – Move Entry Date Back To The Default Position In The Post Info

This solution enables you to reposition the entry date back to the default position inline with the post info on the front page of the

Replace Hero Image With Soliloquy Slider Premium In Essence Pro Hero Section

This version works with both the free and premium version of Soliloquy slider. It replaces the hero image with the slider on desktops and

Monochrome Pro Image After Header On Single Pages

This code enables you to display either a custom image or the featured image after the header on any single page. It also displays the