CSS Grid Columns

The tutorials in this archive enable you to use PHP code and/or CSS to display posts in columns including display: grid; 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.

Reposition Image Before Title When Mobile Responsive

This coded solution for the Authority Pro child theme by StudioPress, enables you to move the home page image before the title and text on

Image Vertically Centred Inline With Text

This code enables you to display a text title on the left and a image on the right which is vertically aligned center with your text. On

Logo Inline With Mobile Menu In Genesis Child Themes

You can add this CSS to the end of your Genesis child themes style.css file to move your mobile menu inline with your custom logo or site

Custom Block To Select Individual Entries Unique On Each Single Post

The code in this download folder adds a custom block which enables you to select individual entries from posts, pages & custom post

Select Individual Featured Posts In Genesis

This code enables you to choose individual posts from a drop down menu on any Edit Post screen for display in any Genesis hook

Genesis Custom Block for Related Posts

The block files in this download folder enable you to create a custom block for related posts using WP_Query in Genesis child themes. You

How To Add Related Posts Between Paragraph Content

This code enables you to pull related posts from your database and display them in a grid within the content of your post or page using a

How To Stop Your Archive Title & Description Displaying Within Your CSS Grid Columns

When using CSS grid to display entries ( posts ) in columns, you might find your H1 Archive title & description are also displayed in

How To Show Featured Images in a Lightbox Using Genesis

The templates in this download folder enable you to use jQuery to show your featured images on archives and single posts in a lightbox modal

Featured Posts With Pagination In Widget Area Using Business Pro

This coded solution produces a responsive grid of posts in equal height with pagination displayed in the front page 2 section on the front

Genesis Template For ACF Repeater Fields

This template for Genesis child themes includes the code to display your Advanced Custom Fields repeater fields in a custom loop. In this

Countdown Timer For Genesis

This jQuery countdown timer can be added anywhere in any Genesis or WordPress child theme. It generates a live countdown in days, hours,

Blinking Dot Animation

This code adds a blinking dot before the title in a responsive text box like you see in this animated gif. The blinking dot, displays

Animate Elements In Grid Columns

This tutorial contains the code which enables you to display images and text in a 3 columns grid and animate the images. The images on page

Author Pro Featured Books Widget In Unlimited Rows

This solution enables you to add unlimited rows of featured books widgets to the Author Pro front page 2 widget area as seen in the

Add Icons To The AgentPress Featured Listings Widget For Beds, Baths & Property Size

This file contains the code which enables you to fully customize the AgentPress Pro featured listings widget and add custom fields with