Infinity Pro Tutorials

The tutorials in this archive include code which enables you to modify the default functionality & styling of the Infinity Pro child theme by StudioPress. The tutorials also enable you to add custom functionality and styling to this theme. 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.

Remove Sorry, no content matched your criteria in Genesis

There's at least 3 ways to remove the "Sorry, no content matched your criteria text" displayed when no posts exist for your query. 1. Add

Different Sized Header Image On Mobiles Using Infinity Pro

This solution enables you to change the header image on mobiles using the Infinity Pro child theme by StudioPress. This is the image for

Full Width Slider Between Footer Widgets & Footer

This code enables you to add a full width of screen slider between your footer widgets and your footer ( containing your footer credits )

Add Extra Wide Full Width Layout Template For Single Posts In Any Genesis Child Theme

This solution enables you to use an extra wide full width layout on single posts in any child theme running on Genesis. Demo Video

Different Image On Mobile Orientation Change

The solution in this download folder enables you to remove the default desktop background image and replace it with a different image for

Add Full Width Video To Widget Area In Genesis Child Themes

This solution enables you to add a full width of screen video to any widget area like this : The above screenshot shows the video

Replace Video With Image When Genesis Mobile Menu Is Active – Infinity Pro Front Page 1

This solution extends the code in this tutorial which replaces the front page 1 background image with a video. In this case, the background

Infinity Pro – Code To Change Front Page 1 Image On Mobiles

This solution provides a similar solution to the code in this tutorial however uses a different method to replace the background image on

Infinity Pro – Different Front Page 1 Background Image For Mobiles

This solution enables you to change the Front Page 1 background image on mobiles. In this case, the code executes at 600px width removing

Infinity Pro – Change Team Page From 4 To 3 Columns

This code modification enables you to modify the default Infinity Pro team class setting for displaying team members on the team page from

Infinity Pro Vertical Menu

This tutorial shows you how to change the offscreen content feature to a vertical menu using the Infinity Pro child theme by

Blog Page Template Showing Entry Title, Featured Image & Excerpt In Columns

This custom blog page template shows what you see in the following screenshot : Tested using the Infinity pro child theme by StudioPress,

Infinity Pro – Add Image Overlay To Front Page 1 Widget Background

This solution enables you to add a color overlay to the front page 1 background image in the Infinity Pro child theme by

Infinity Pro – Custom Single Post Template With Front Page Section 1 Replica

This template for Infinity Pro displays a section like front page 1 with a unique image background before the post content. It also enables

Float Gravity Forms Over Front Page 1 Background Image In Infinity Pro

This tutorial floats the Gravity Forms widget to the right of the hero text in the Infinity Pro themes front page 1 background

Blog Template To Show Latest Post On Top of Entries In 2 Columns

This custom blog page template show the latest post full width ( 2 columns ) and then all other post underneath in 2 columns like this

Add Video Via The Customizer To Infinity Pro Front Page 1 Widget Background

Provides the files which enable you to add a video using the video settings in the customizer and display the video as the front page 1

Add Parallax To Infinity Pro Themes Front Page Image Sections

This tutorial shows you how to add a parallax scrolling effect to front page 1, 3, 5 & 7 background images so they move at a different speed