In one of my earlier tutorials titled Front Page 1 background slider in Infinity Pro using Featured Galleries and Backstretch I showed how we can send multiple images uploaded to a gallery attached to the Homepage to Backstretch initialized on Front Page 1 widget area. In this article, I share the steps to implement the […]
Genesis
Off-canvas side menu in Sixteen Nine Pro using Slideout.js
Updated on February 15, 2018 Continuing the series on off-canvas side menu in Genesis, Altitude Pro, Brunch Pro and Foodie Pro today I write about using Slideout.js for sliding in the navigation menu in Header Right widget area when the hamburger menu icon is tapped on smaller screens in Sixteen Nine Pro. Screenshot: Screencast: https://sridharkatakam.com/wp-content/uploads/2018/01/sixteen-nine-pro-side-menu.mp4 […]
How to change the page header on Team pages to the default header image in Showcase Pro
In the members-only forum, a user asked: I set up the Showcase Pro theme with team member photos on the frontpage. However, I can’t figure out how to change the banner on the individual team member pages to the default header image instead of the huge headshot. Individual team member pages in Showcase Pro are […]
Off-canvas side menu in Foodie Pro using Slideout.js
In the past, I wrote about using Slideout.js for sliding in the primary navigation menu when the hamburger menu icon is tapped on smaller screens in Genesis, Altitude Pro and Brunch Pro. In this tutorial, we shall apply the same in Foodie Pro. Screenshot: Screencast: https://sridharkatakam.com/wp-content/uploads/2018/01/ScreenRecording_01-27-2018-12-31-32.mp4 Tested in Foodie Pro 3.1.1 Step 1 Upload slideout.min.js […]
Off-canvas side menu using Slideout.js in Brunch Pro
In the past, I wrote about using Slideout.js for sliding in the primary navigation menu when the hamburger menu icon is tapped on smaller screens in Genesis and Altitude Pro. In this tutorial, we shall apply the same in Brunch Pro. Screenshot: Screencast: https://sridharkatakam.com/wp-content/uploads/2018/01/ScreenRecording_01-26-2018-12-42-38.mp4 Tested in Brunch Pro 2.2.1 Step 1 Upload slideout.min.js to child […]
How to arrange widgets in columns in Infinity Pro using CSS
In the Genesis Facebook group a user asked: Does anyone know of any links to tutorials on how to make a widgeted area on the Front-Page in Infinity Pro to be 1/3rd width and 2/3rd width columns side by side? I have been going round in circles with it all day and my brain is […]
Unique full width hero images on archive pages with headline and intro text overlay in Genesis
This tutorial provides the steps to set up different full-width images below the site header for different category, tag and custom taxonomy term pages in Genesis. We shall use WP Term Images plugin to setup image for individual category, tag, and custom taxonomy terms. A placeholder image will be set to be shown for terms […]
How to wrap archive title and intro text inside a div.wrap in Genesis
Looking to contain archive headline and intro text inside a div.wrap on category, tag and taxonomy archive pages in Genesis? Before: After: We can use the genesis_markup_taxonomy-archive-description_open, genesis_markup_taxonomy-archive-description_close, genesis_markup_cpt-archive-description_open and genesis_markup_cpt-archive-description_close dynamic filters to achieve this. Add the following in child theme’s functions.php: To view the full content, please sign up for the membership. Already […]
How to replace Front Page 1 backstretch image with an inline image at smaller widths in Digital Pro
In one of my earlier articles, I showed How to replace Front Page 1 background image with an inline image at smaller widths in Altitude Pro. This tutorial covers the same in Digital Pro. We shall output the Front Page 1 image (changeable in the Customizer) above the widget in the HTML output, hide it […]
How to wrap archive intro text in a custom div in Genesis
Intro text, if present/entered for archive (category/tag/custom taxonomy) terms will be shown like this in Genesis: Backend screenshot: Want to wrap the intro text in a custom div? This can be done by rewriting the function hooked to genesis_archive_title_descriptions. Add the following in child theme’s functions.php: To view the full content, please sign up for […]
Recent Comments