Flexbox Grid is a grid system based on the flex display property. Here’s how it can be loaded and used in Genesis: Step 1 Upload flexboxgrid.min.css to child theme’s css directory (create if not existing). Step 2 Add the following in child theme’s functions.php: Step 3 Add the needed markup to display your desired content […]
grid
How to automatically show a grid of sub Pages on static Pages in Genesis
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 […]
How to display Sub-Pages of current Page automatically in Agency Pro like Grid
In this article I share a Page Template in Genesis for automatically displaying child Pages (if present) of the current Page in a 3-column grid with featured image in default state and title + excerpt on hover similar to that of Agency Pro’s featured posts grid. We shall use get_pages() and loop through each of […]
Content Archives Posts Grid with Zoom and Hover effect for Images in Genesis
In this tutorial I share the code for displaying Posts in Posts page and Archive pages in Genesis in columns with the image (featured if present otherwise a placeholder) getting zoomed in with a subtle opacity change when hovered. Step 1 Create a file named say template_content-archives.php in your child theme directory having the following […]
Category Archive Featured Images Grid showing Post Title, Post Info and Entry Meta on Hover in Genesis
In the comments section of Category Archive Grid showing Featured Images with Post Title on Hover in Genesis, a user asked: Could you advice what I can do to have not only post title but also date and category on hover? In this tutorial I share the template for category archives that displays the featured […]
Genesis Sandbox Featured Content Page Widgets Grid with Title and Excerpt on Hover
This tutorial is a variation of Genesis Sandbox Featured Content Widget’s output in a responsive grid with title and excerpt/content on hover where in instead of a single GSFC’s widget that shows multiple entries (posts), we are going to use multiple GSFC widgets with each featuring a Page. The tutorial is written for Genesis Sample […]
Grid Template for Category Archive(s) in Foodie Pro
A user wanted to know how Posts in a specific category archive page can be displayed in a grid of featured images and titles with all other category archives shown with titles and excerpts floating to right around featured images. Ex.: Recipes category archive page: Any other category archive page: While this tutorial has been […]
Page Template for displaying Posts Grid in Genesis Filterable by Sub Categories of a specific Category
Updated on January 28, 2017 (till the Addendum section) In this tutorial I share details on how to create a Page Template in Genesis that uses MixItUp for creating a fluid, multi-column, percentage-based grid of Posts filterable by sub categories of a specific category. 4 columns per row will appear at desktop widths, 3 at […]
Genesis Sandbox Featured Content Widget’s output in a responsive grid with title and excerpt/content on hover
Genesis Sandbox Featured Content Widget is a great plugin that is similar to the built-in Genesis – Featured Posts or Page widget, but on steroids. In this tutorial I show how Featured images of 8 Posts from a specific category can be shown in a 4 x 2 grid with the Post’s title and excerpt/content […]
Features and Teasers in Genesis
This post is more of a notes for self rather than a tutorial with details. Requirement: Scope: Blog Home i.e., Posts page (example.com or example.com/blog/ depending on Settings > Reading) 2 features (wide posts) showing full content, no Post thumbnails. 6 teasers showing excerpts, Post thumbnails. Paginated pages to show all excerpts. Settings > Reading: […]
Recent Comments