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.

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

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

Toggle The Mobile Responsive Menu Icon To A Closed Icon When Activated

This solution enables you to change the mobile responsive menu icon from to when toggled. Here's the demo showing exactly what happens

Infinity Pro Single Post Title Over Image

This template displays a image behind the single post entry title in the same way the front page 1 widget area. The image is added

Image Behind Archive Title in Infinity Pro

This tutorial enables you to add a unique background image behind the archive title like you see in the following screenshot : The

Infinity Pro Header Image & Nav Menu Inline When Responsive

This CSS enables you to display the header logo and primary nav menu in the site header inline when responsive using the Infinity Pro child

Infinity Pro Title & Menu Inline When Responsive

This solution enables you to change the default Infinity Pro header elements so they more like the Monomchrome Pro & Academay Pro themes

Use Infinity Pro Themes Front Page Template On Unlimited Single Pages

This template produces exactly the same as the front page of the Infinity Pro theme and can be used on unlimited single pages. Its a

Full Width Featured Image After Header In Genesis

This code enables you to display your featured image, full width, after the header, on single posts. If no featured image is added, a

2 Full Page Background Image Templates For Genesis

This tutorial written for a member provides 2 solutions which enable you to add a full width, full height background image to a custom