Grid Columns

The tutorials in this archive enable you to use PHP code and/or CSS to display posts in columns. The tutorials include methods which use pure CSS, PHP code and PHP combined with CSS. You'll also find more tutorials related to creating grid columns by using the search form on the primary sidebar. The code is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Magazine Pro Templates To Display Different Archive Page Types In Equal Height Columns

The templates in this download folder enable you to display your entries in equal height columns for any page type including : Your

Before Header Utility Bar In Monochrome Pro

This tutorial adds a before header widget area you can use to add your phone number and social icons to like this : Demo Video Shows a

Custom CPT Archive Template For Listings & Custom Fields In Genesis Sample

This template enables you to display your listings without the need to use the AgentPress Pro Listings plugin or the AgentPress Pro

Menu Logo Menu In Old Versions of Genesis Sample Theme 2.2.4

The code in this download folder creates a menu logo menu in the header of version 2.2.4 of the Genesis Sample theme. Note : This solution

Category Archive Entries In Equal Height Columns

The template in this download folder display your posts in a perfect 3 column grid regardless of title length and featured image height like

Category Archive Posts In 3 Columns Essence Pro

By default, the Essence Pro theme displays entries in 2 columns on archive pages. In this download, you'll find the template which enables

Menu Logo Menu For Twenty Nineteen Theme

The solution in this download folder enables you to create a split menu which displays menu logo menu in non Genesis themes. In this case,

Menu Logo Menu Using CSS Grid In Parallax Pro

The solution in this download folder enables you to display the primary menu to the left, the header image in the middle and the secondary

Genesis Page Template With Multiple Loops For Pages & Posts With Featured Image Hover Overlay

This page template enables you to display featured images in a grid, with hover overlay text from posts and pages in full width sections

Front Page Template Showing Genesis Featured Pages & Posts In Responsive Grid

This front page template includes widget areas you can populate with both the Genesis Featured Page and Genesis Featured Posts widgets which

How To Add Image Hover Overlay Text To Gutenberg Images

This solution enables you to show text when images are hovered using the Gutenberg block editor. In this case, unique text is added to each

Expanding Posts Grid Revealing Full Post When Excerpt Clicked

The code in this download displays excerpts in a grid. When one excerpt is clicked, the full post is displayed underneath the grid like this

Equal Height Logo & Header Right Widget Content On Desktops

The code in this download folder enables you to display your header image & a image in the header right widget area at equal heights on

Zoom Featured Image On Hover With Title Overlay

This template for Genesis child themes can be used on any archive page type to display a grid of featured images with image zoom