This tutorial provides the CSS & CSS for Media Queries for 2 different solutions which enable you to
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.
Show 1st Widget In Sidebar Before Content On Mobile
This code removes all widgets from the sidebar on mobiles except the first widget which is shown
Change Order of Sidebar Widgets On Mobiles
This solution enables you to make the 2nd widget in your primary sidebar display 1st and the 1st
Make a Grid/Column Styled Blog Page In Genesis
The solution in this tutorial shows you how to display the posts on your blog page ( When using the
No Sidebar Pro Front Page Using CSS Grid
No Sidebar Pro front page displays posts in uneven columns ( 58% & 38% ) by filtering the post class
Replace Masonry With CSS Grid In Outfitter Pro
Outfitter Pro is the latest StudioPress child theme for WooCommerce which uses a masonry layout on
Magazine Like Archive In Genesis Sample Theme
The template in this tutorial shows you another method for using CSS grid to display archives in a
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
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
Widget Columns Using CSS Grid
The CSS examples in this tutorial enable you to display widgets added to 1 widget area in even or
Genesis Archive Template Using CSS Grid
The Genesis template in this tutorial enables you to display your post entries in columns using CSS
Genesis Video Grid Using Embed Code
This basic template enables you to use video embed code to display videos in a single static page
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
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
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
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
Filterable YouTube Video Grid For Genesis
The templates in this tutorial enable you to display YouTube videos in a grid which can then be
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
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
Artists ( Music ) Custom Post Type Grid With Pagination
This tutorial contains the code which enables you to add unlimited single entries for each artist