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.

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

Genesis Blog Page Template Grid With Equal Height Entries – Wellness Pro

This template displays your posts in columns with equal height for each entry regardless of : Title length Content length

Genesis Blog Page Template With Equal Height Posts In Grid – Essence Pro

The template in this download folder enables you to customize the blog page in any Genesis child theme. In this case, the template is

Custom Listings Template For Themes Using AgentPress Listings Plugin

This template enables you to display listings for any specific taxonomy term in a grid. Assumes you're using the AgentPress Listings plugin

Order Property Listings by For Sale & Sold In Each State

This custom template for AgentPress Pro theme users enables you to display listings by state or any other taxonomy term. It also enables you

Scroll Remove Utility Bar Before Header In Genesis Sample Theme

This code in this download folder adds a utility bar before the default site header in the Genesis Sample theme. In this case, it adds a

Add Utility Bar Before Site Header Removed On Scroll – Eleven40 Pro

This code adds a 2nd header before the default header. The 2nd header includes a clickable logo, smaller than the default header image as

Create Custom Post Type With Archive Template

The code in this download folder enables you to : Create a custom post type ( CPT ) Create custom taxonomy types Customize

Blog Page Templates Like StudioPress

The templates in this download folder produce exactly what you see in the following screenshot and demo video : Based on this question