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.

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

Add Offscreen Slide In Widget To Infinity Pro Theme

This solution enables you to add a widget area which toggles open using the ion android menu icon in the header. You can modify the

Infinity Pro Replace Front Page 1 Widget With Soliloquy Slider

This tutorial enables you to replace the front page 1 widget area with a slider. The download folder includes code to add a responsive,

Infinity Pro Single Page Title Over Full Width Hero Image

This single page template enables you to use this custom single post template on single pages. You can select the template on any Edit Page

Infinity Pro Front Page As Page Template – Easy Setup Version

This template is coded differently to this version and enables you to import the demo content for each section in 1 click. Here's the demo

Add Slider To Infinity Pro Front Page 1 Widget Background

This solution replaces the background image behind the front page 1 widget area in Infinity Pro with a slider like this : The

Random Front Page Background Images In Infinity Pro

This solution enables you to rotate the background image for the front page 1 widget area in Infinity Pro by StudioPress. You can use

Modify Flexible Widgets To Display Any Number of Widgets In Columns

This tutorial shows you how to modify any widget area in any Genesis child theme which uses flexible widgets. You can use CSS Grid to