Sridhar Katakam

Genesis and WordPress Tutorials

You are here: Home / Archives for Featured

Featured

How to add a Featured Posts section similar to that in Agency Pro in any Genesis theme

by 24 Comments

In Agency Pro the Home Middle section displays Featured Posts with featured images appearing in regular state and Post content appearing on hover as a transparent overlay. In this article I share how the same can be set up in any Genesis child theme. First generic steps are given that are tested with Genesis Sample […]

Adding Navigation Menu descriptions in Genesis

by 15 Comments

Updated on January 13, 2020 This members-only tutorial provides the steps to add and show descriptions to menu items for navigation in Genesis. Before: After: Step 1 At Appearance > Menus, pull down ‘Screen Options’ and tick Description. Enter your description text for the menu items. Step 2 Add the following in child theme’s functions.php: […]

Category images Grid Template in Genesis

by 21 Comments

I have got a couple of users asking how to display a grid of category thumbnails, each linking to their respective category pages. In this article I share a custom Page Template to show images set for categories in a grid on a static Page. We are going to use Categories Images plugin to set […]

Staff Grid in Genesis with clickable featured images opening Excerpts in a lightbox popup

by 26 Comments

This article is based on my post titled Staff CPT Grid in Genesis. Below are the primary differences: 1. Usage of Column Classes for the grid, thanks to code from Bill Erickson. 2. Clicking on Staff Member’s photo will display that member’s bio (Staff CPT entry excerpt) in a lightbox via FooBox (commercial plugin). We […]

Video background in Genesis using jQuery

by 28 Comments

In this article I share my findings in implementing Victa’s Background video jQuery plugin in Genesis Sample theme (should work in other Genesis themes as well with minor changes). Screenshots: Videos are in the post below. Step 1 Download the jQuery plugin’s zip file from here. Step 2 Extract the contents and upload jquery.backgroundvideo.min.js to […]

Downloadable and Searchable Genesis Code Snippets

by 34 Comments

Update: The snippets are now here: https://genesis.community/wiki/. It has been a little over 8 months since I stepped into the wonderful world of Genesis. The websites that I create now are leaner and visually better. During this period I have stored and constantly refer to a lot of code snippets, primarily from StudioPress website into […]

>