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.

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

Enable Autoplay Videos In Chrome Safari & Firefox on Macs

The solution in this download folder for members enables you to autoplay videos in WordPress in different browsers on Macs. Tested using a

Add Image Before Entry Titles On All Archive Page Types

This code adds a image before all archive page type entry titles like this : You can add your image via Customize > Before Title Image

Add Image Before Singular Entry Titles

This code adds a image before all single post and page entry titles like this : You can add your image via Customize > Before Title Image

Display The Same Featured Image On Genesis Archive Pages Overriding Single Post Thumbnails For Each Taxonomy

This code snippet enables you to add a default featured image on each Edit Category admin page which is displayed on category archives even

Exclude Specific Category Links From Post Meta In Genesis Entry Footer

This code once added to your child themes functions file enables you to remove one or more categories from the post_categories shortcode

Add Post Category Slug To Genesis

This code, once pasted to the end of your child themes functions file, displays the category slug in the entry footer for each post. The

How To Reposition Author Pro Plugins Book Details In Sidebar

The code in this download folder enables you to display your book cover and details in the sidebar rather than the content area in Author

How To Replace Front Page 1 Image With Video In Altitude Pro 1.4 & 1.5

The code in this download folder enables you to add a MP4 video behind the front page 1 widget area in the Altitude Pro child theme for

Add Sidebar To Genesis Author Pro Single Books Template

This template enables you to change the layout on the single book page when using the Author Pro child theme by StudioPress. You can

Different Background Images At Any Screen Width Using jQuery With Backstretch

There's different methods you can use to change the background image at any screen width. Either CSS or jQuery will work. In this case,

Responsive Full Screen Background Image For Genesis

You can select this template to load on single pages or posts so it displays a unique background image full screen behind all page elements

Add Full Width Image Behind Page Title In Winning Agent Pro

The code in this download folder enables you to select the template named Hero After Header Image from any Edit Page screen and add a unique

How To Show Featured Images in a Lightbox Using Genesis

The templates in this download folder enable you to use jQuery to show your featured images on archives and single posts in a lightbox modal

Add Pagination to WordPress Gallery Image Attachments In Genesis

The code in this template enables you to add pagination to images added to create a WordPress gallery as long as they where uploaded to the

Add Front Page Template With Video To New Versions Of Monochrome Pro Using Blocks

This tutorial provides the code which adds the front page template for widget areas back to the new versions of Monochrome Pro which are

Add Custom Div Container Before And Or / After Opening & Closing Div In Genesis

This code enables you to add a container before and after any existing hook or content. In this case it opens the div before the

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

Video Behind 2 Div Elements – Site Header & Front Page 1 Widget In Agent Focused Pro

This tutorial enables you to replace the front page image with a video via the customizer in the Agent Focused Pro child theme for