In a recent customization task, a user asked: Create PHP code for a simple client portal that uses a unique password to redirect a client to a single password protected page. For example:password1 —> client1 password protected pagepassword2 —> client2 password protected pagepassword3 —> client3 password protected page This would be placed at the bottom… Continue Reading »
Split Navigation in Genesis Sample 2.8.0
This members-only tutorial provides the steps to display primary navigation menu at the left, title area in the middle and secondary navigation menu at the right in Genesis Sample 2.8.0. Between 960px and 1399px (inclusive) we shall center the site header elements one below the other. 959px and below, it will appear as usual. Tested… Continue Reading »
How to use SEOPress Breadcrumbs in Genesis
This members-only tutorial provides the steps to replace Genesis’ breadcrumbs with SEOPress Pro’s. We will ensure that breadcrumbs visibility per Genesis theme settings are honored. Tested in Genesis 2.8.1. Step 1 Install and activate SEOPress Pro if you have not already. Note: The free version of SEOPress does not include Breadcrumbs feature. Go to SEO… Continue Reading »
3-column Footer Widgets in Atmosphere Pro
This tutorial provides the steps to change the footer widget area in Atmosphere Pro such that three widgets appear side-by-side versus the default, one. Tested in Atmosphere Pro 1.1.3. Step 1 In functions.php, change to Step 2 In style.css, add the following above the media queries:
SEO Slider in Essence Pro
This members-only tutorial provides the steps to replace the front page hero’s background cover image with a slider, powered by SEO Slider in Essence Pro. Each slide’s content will be set to appear centered on the corresponding slide image. Tested in Essence Pro 1.1.0. Step 1 Install and activate SEO Slider. Go to Silders >… Continue Reading »
Two-column entry layout on content archives in Genesis
Updated on January 28, 2019 In my Facebook group, a user asked: Hi Sridhar, what’s the best way to do this on the blog page? Column 1: Entry image Column 2: Everything else (entry header, entry content and entry footer) Thank you This members-only tutorial provides the steps to display an image (featured if present,… Continue Reading »
Title Area at left, Header Right widget area at right with Primary Nav below centered in Genesis Sample
This members-only tutorial provides the steps to customize Genesis Sample to arrange title area at left and Header Right widget area at the right in a custom div.header-top with the primary nav appearing below centered. Sample HTML markup Tested in Genesis Sample 2.8. Step 1 Edit Genesis Sample’s functions.php. Let’s remove the code that unregisters… Continue Reading »
How to add a search form in nav menu in Genesis
This tutorial provides the steps to add a search form with a Font Awesome’s SVG search icon submit button as the last nav menu item in Genesis. While the tutorial has been written for Genesis Sample 2.8.0, it should work with a few adjustments in any Genesis theme. Step 1 If you have not already,… Continue Reading »
How to Slide Down Search Box in a Full Screen Overlay in Parallax Pro
This members-only tutorial provides the steps to implement this tutorial in Parallax Pro. Font Awesome search icon in the nav menu Full-screen overlay having the search box when the icon is clicked Tested in Parallax Pro 1.3.3. Step 1 Edit js/parallax.js. Before the closing }); at the end of the file, add $(‘#trigger-overlay’).click(function () {… Continue Reading »
Soliloquy Slider Background in Home Section 1 of Parallax Pro
This members-only tutorial provides the steps to replace the full-height background image with a slider powered by Soliloquy in Parallax Pro. This is slightly different from the earlier tutorial in that we are going to set up the same widget (can be any) to appear on all the slides vs different captions for the individual… Continue Reading »
Recent Comments