Sridhar Katakam

Genesis and WordPress Tutorials

You are here: Home / Archives for Featured

Featured

[Video] Re-creating a website in Genesis – Day 1

by 4 Comments

Beginning today I am going to post one video a day each about an hour long on how to set up a simple website, http://cognitiveresults.com/ in WordPress using Genesis Sample child theme. The videos are recordings of Google hangout sessions with the site’s owner, a Genesis beginner and she will be asking me questions as […]

How to automatically show a grid of sub Pages on static Pages in Genesis

by 25 Comments

In the members-only forum, a user asked: Hi Sridhar, What do you think about a Tutorial either using ACF or another method to create a Services Page/Template. For example, if you have several services where you are using a Page per Service to provide further information about the service. It’s likely you would like to […]

TheVerge.com style Featured Posts Grid in Genesis

by 19 Comments

In this tutorial I share the code for displaying 7 Posts from a specific “Featured” category in a colorful grid styled to look like the one on The Verge on the front page below the header in Genesis. On hover: At 767px and below the Posts will appear one below the other: While the tutorial […]

Full width Posts showing Featured image with Breadcrumbs and Meta overlayed on top in Genesis

by 12 Comments

In the members-only forum a user asked: Hello, To be more specific, like this one: http://blog.teamtreehouse.com/rj-learned-to-code-and-made-the-switch-from-accountant-to-skilled-front-end-developer I believe this is an awesome layout for a single post. Also done here: (Seems to be on Genesis too) http://chrislema.com/rainmaker-marketing-automation/ *If that already exists please drop a link here. Searched for it but can’t find something. Thanks! Update: […]

Accessible Responsive Menu in Genesis

by 13 Comments

Newer Genesis child themes like Workstation Pro and Atmosphere Pro come with responsive mobile hamburger menu code which is better than the one in older themes like Beautiful Pro or Magazine Pro in that accessibility is taken care of. In this article I share the code taken from Workstation Pro and slightly modified so that […]

Filterable Portfolio in Genesis using Isotope

by 35 Comments

June 05, 2018: Updated version of the tutorial here. DO NOT follow the one below. This is a up-to-date tutorial on setting up a responsive filterable Portfolio grid in Genesis using Portfolio Post Type plugin and the latest Isotope (v2.2.2). Live Demo Screenshot of Portfolio CPT archive: When featured image is hovered, we shall display […]

Displaying Products in WooCommerce Shop and Archives similar to Agency Pro’s Grid with Product Info on Hover

by 16 Comments

Updated on December 14, 2018 In the members-only forum a user asked, how easy / hard would it be to take this: How to add a Featured Posts section similar to that in Agency Pro in any Genesis theme and utilize it for a woocommerce main “shop” page? In this article we shall spruce up […]

Page Template for Staff Grid having Alternating rows of Image – Content and Content – Image in Genesis

by 5 Comments

The title of this article should actually read “Page Template for Staff Grid having Alternating rows of Image – Content, Image – Content and Content – Image, Content – Image in Genesis” but it does not for the sake of brevity. In Genesis Slack’s #questions room, a user recently asked if this (1.2 MB jpg) […]

Filterable Categories Grid in Genesis

by 22 Comments

In this tutorial we shall set up a full width Page Template which when applied to a Page automatically displays all the Posts in top level categories in your Genesis powered WordPress site filterable by their corresponding categories. Live Demo In the past I wrote a similar tutorial titled Filter Posts by Category in Genesis. This […]

Featured Pages’ Images with Title Overlay in Normal State and Description Overlay on Hover

by 3 Comments

In the members-only forum, a user wanted to know how the three featured Pages (above the footer widgets) on the homepage of utulsa.edu can be set up in Genesis. Flexible Posts Widget is a free plugin that allows us to use custom templates for controlling the HTML output for its individual widgets. In this tutorial […]

>