The template in this tutorial shows you another method for using CSS grid to display archives in a grid layout with different sized columns.
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.
Make Archive Pages Look Like Home Page Widget Areas
This tutorial enables you to display any type of archive exactly the same as the front page which uses widgets in Metro Pro. Based on
Show All Posts On 1 Page In Grid With Equal Height
The template in this tutorial enables you to display all tag archives on 1 page like you see in the below screenshot. The template displays
Widget Columns Using CSS Grid
The CSS examples in this tutorial enable you to display widgets added to 1 widget area in even or uneven responsive columns using CSS
Genesis Archive Template Using CSS Grid
The Genesis template in this tutorial enables you to display your post entries in columns using CSS Grid which uses a 2 dimensional grid
Genesis Video Grid Using Embed Code
This basic template enables you to use video embed code to display videos in a single static page template like this : You can use
Vimeo Grid Template Using Video Link In Genesis
This very basic template enables you to add links to videos hosted on Vimeo so they display in a grid like this : All you need to do
Change Minimum Pro Grid Loop To 3, 4 or 6 Columns
The code in this tutorial enables you to display your posts in 2, 3, 4 or 6 columns rather than the standard 2 columns the Minimum Pro
Genesis Column Classes In foreach Loop
The code in this tutorial enables you to display a grid using the foreach loop with the existing CSS for column classes already included in
Custom Field Grid With Image Hover Overlay Effect In Genesis Page Template
This tutorial includes 2 templates which display a grid of images. The images are added via custom fields and can be displayed in a 2, 3, 4
Filterable YouTube Video Grid For Genesis
The templates in this tutorial enable you to display YouTube videos in a grid which can then be filtered using any criteria you setup. In
Display Genesis Featured Posts In Horizontal Grid With Overlay Title On Hover
This tutorial shows you one way to use the Genesis Featured Posts widget to display posts in horizontal columns like you see in the Brunch
Genesis YouTube Video Grid For Widget Area
The code in this tutorial enables you to display a grid of YouTube videos in a widget area like you see in the following screenshot
Artists ( Music ) Custom Post Type Grid With Pagination
This tutorial contains the code which enables you to add unlimited single entries for each artist which display in a grid like you see in
1st Post Full Width Rest In Columns
This tutorial contains the code which you can use in your functions file or any template file. The code provides another method for
YouTube Video Grid In Genesis
The 4 different templates in this tutorial enable you to create a mobile responsive grid of YouTube videos like you see in the following
First Post Full Width Then All Other Entries In Columns
This tutorial provides a template which displays the 1st post entry full width and then all other entries in 2 columns. You can also easily
Foodie Pro Remove Grid
Foodie Pro includes a custom grid function which you can use to display posts in columns. Via the Content Archive settings in the WordPress
Foodie Pro Archive Page Template With Columns
This template can be used in any genesis child theme. It has been tested on the Foodie Pro child theme by Shay Bocks in response to the
3 Best Ways To Display Any Post Type Archive in Columns
There's at least 3 ways you can display your standard post or custom post type entries in columns on any archive type page. You can use CSS
You must be logged in to post a comment.