In the past, I wrote an article titled WooCommerce Shop Archive Image in Genesis using ACF Pro where Advanced Custom Fields Pro was used to create a Settings page having an image upload/selection meta box. In this tutorial, we are going to add an image type Media Control in the Customizer so that a banner […]
Infinity Pro
Ken Burns effect for Front Page 1 image in Infinity Pro
In my tutorial requests Trello board, a user asks: How would you add the Ken Burns Effect to the front-page1 background image in infinity pro and keep it responsive? The Ken Burns effect is a type of panning and zooming effect used in video production from still imagery. We can create a custom animation using […]
Featured image below header on static Pages in Infinity Pro
This tutorial provides the steps to display featured image (if present) below the site header on static Pages in Infinity Pro. Step 1 Add the following in Infinity Pro’s functions.php: To view the full content, please sign up for the membership. Already a member? Log in below or here.
How to enable Footer widgets on the homepage in Infinity Pro
Footer widgets are disabled by default in Infinity Pro‘s template for the front page. To enable them, just edit the theme’s front-page.php and comment out or delete this line: remove_theme_support( ‘genesis-footer-widgets’ );
Infinity Pro’s Offscreen widget area in any Genesis child theme
One of the built-in features of Infinity Pro is the Offscreen Content widget area whose widgets will appear in a full-screen overlay when a floating (always visible) button near the top right of the pages is clicked. In this tutorial, I share the steps for repurposing the code from Infinity Pro to set up offscreen […]
Porthole columns in Infinity Pro
In the members-only forum, a user asked: Images overlayed between between home page sections Infinity Pro I’m not even sure what to call it. Essentially I’m trying to copy the top of the home page here: https://www.fresyesrealty.com/ but use Infinity Pr. In particular, I’m just trying to have the three circular images overlap between Front […]
Front Page 1 background slider in Infinity Pro using Featured Galleries and Backstretch
This is similar to my other tutorial titled How to replace Front Page 1 background image in Infinity Pro with rotating images using Backstretch and Soliloquy regarding the end result but instead of using Soliloquy, we are going to use the images uploaded via Featured Galleries plugin as detailed in this tutorial. Step 1 Install […]
Fixed Notice Bar + Header in Infinity Pro
In the tutorial requests Trello board, a user asked: Hi Sridhar, just wondering if you can please do a tutorial on how to add a welcome/stick message widget in Infinity Pro theme above the navigation menu, visible throughout the different pages e.g. homepage, blog, contact etc…example of this on website:http://katenorthrup.com/ Many thanks This tutorial provides […]
2-column footer widgets in Infinity Pro
In the tutorial requests Trello board, a user asked: Hi Sridhar, In the Infinity Pro theme, is there a way to add an optin form with a custom background at the footer before the footer menu appear. The optin also can show on every pages of the website. Example websites: http://katenorthrup.com/ and http://nishamoodley.com/ with a […]
Offscreen Login widget in Infinity Pro
One of the built-in features of Infinity Pro is the Offscreen Content widget area whose widgets will appear in a full screen overlay when a button is clicked on the header. In this tutorial, I show how we can change the ios-more ion icons icon (the three dots) with a ion icon’s log-in icon followed […]
Recent Comments