Genesis Tutorials

The tutorials in this archive are primarily focused on but not limited to modification and customization of Genesis child themes. Most of these tutorials relate to web design changes, additions and removal of default functionality and features included in StudioPress HTML 5 child themes. Some tutorials also focus on but not limited to 3rd party genesis child themes like Foodie Pro. You'll also find several dozen tutorials for WordPress default themes from 2010 thru to 2016. Tutorials include PHP code that works with Genesis, WordPress as well as CSS, jQuery and HTML. All code is tested and supported for members.

Replace The Image With Video In Monochrome Pro

This solution enables you to add a responsive video with cover text which overlays the video on all screen sizes. In this case, we replace

How To Replace Front Page 1 Image With a Video in The Atmosphere Pro Theme

The code in this download folder replaces the front page 1 background image with a self hosted MP4 video, if added, via the

Add No Follow To External Links Dynamically

This code will add the rel="nofollow" attribute to all external links. It checks all a href links within the content area in single posts

Change Post & Page Grid Class in Genesis Blocks

By default, Genesis Blocks wraps the featured image ( as seen in the following images ) in the gb-block-post-grid-image class when using the

Modify HTML Tags In Genesis Blocks

This code enables you to change the HTML tags ( opening & closing ) in the Genesis accordion block or any other Genesis or WordPress

Custom Block To Select Individual Entries Unique On Each Single Post

The code in this download folder adds a custom block which enables you to select individual entries from posts, pages & custom post

Show Related Posts by Primary Category Only

This tutorial includes the code which enables you to display related posts in the same category when that category is set as your primary

Select Individual Featured Posts In Genesis

This code enables you to choose individual posts from a drop down menu on any Edit Post screen for display in any Genesis hook

Genesis Custom Block for Related Posts

The block files in this download folder enable you to create a custom block for related posts using WP_Query in Genesis child themes. You

How to Remove Header Background Image for Essence Pro

This download Folder contains the code which enables you to remove the Essence Pro themes header hero image on any single post, page or

How To Add A Genesis Meta Box For Custom URLS

This download folder contains code which adds a text field on your single post/page/cpt edit screen for internal or external

How To Add Related Posts Between Paragraph Content

This code enables you to pull related posts from your database and display them in a grid within the content of your post or page using a

How To Stop Your Archive Title & Description Displaying Within Your CSS Grid Columns

When using CSS grid to display entries ( posts ) in columns, you might find your H1 Archive title & description are also displayed in

Add Buttons With Custom Text & URLs After Essence Pro Entry Header On Single Pages

This code enables you to add 1 or 2 buttons after the entry title on any single page using different text & button links for each

Change Custom Header Image On Mobiles In Gallery Pro

The solution in this download folder enables you to display a custom header image on smaller screens. As seen in the demo video, your

Templates To Add Unique Hero Image After Header With Overlaying Content In Parallax Pro

The templates in this download folder add a unique hero image after the header on single posts and pages. The title-overlay.php

Infinity Pro Front Page 1 Autoplay Video Loop Background

This tutorial extends this older tutorial which enables you to add a MP4 video, via the Customize > Front Page Video setting and display it