Genesis 3 - Sridhar Katakam

How to use SEOPress Breadcrumbs in Genesis

February 22, 2019 by Sridhar Katakam Leave a Comment Favorited: 2 times

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 »

SEO Slider in Essence Pro

January 28, 2019 by Sridhar Katakam 2 Comments Favorited: 0 times

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

January 27, 2019 by Sridhar Katakam 1 Comment Favorited: 4 times

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

January 25, 2019 by Sridhar Katakam Leave a Comment Favorited: 3 times

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 Slide Down Search Box in a Full Screen Overlay in Parallax Pro

January 24, 2019 by Sridhar Katakam 1 Comment Favorited: 1 times

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

January 21, 2019 by Sridhar Katakam 1 Comment Favorited: 2 times

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 »

Utility Bar in Monochrome Pro

January 18, 2019 by Sridhar Katakam 1 Comment Favorited: 0 times

This members-only tutorial provides the steps to set up a utility bar above the site header in Monochrome Pro. Tested in Monochrome Pro 1.1.0. Step 1 Add the following in child theme’s functions.php: To view the full content, please sign up for the membership. Already a member? Log in below or here.

Home Featured widget in Genesis Sample

January 16, 2019 by Sridhar Katakam 2 Comments Favorited: 2 times

This tutorial provides the steps to register a Home Featured widget area display the widget area below the header on the front page modify JS so the top margin (equal to the height of the fixed site header) applies to the widget area on the homepage and to .site-inner on every other page add CSS… Continue Reading »

How to apply Full Width Content Layout to a CPT’s single pages in Genesis

January 9, 2019 by Sridhar Katakam Leave a Comment Favorited: 1 times

Looking to force Full Width Content layout to all the singular pages of a Custom Post Type in Genesis so there’s no sidebar? Just add the following in child theme’s functions.php: If you are using Genesis Sample 2.6.0, add the following in its style.css: