• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2672

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Tutorial Requests
  • Contact
  • Tags
  • Log in

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.

Menu Logo Menu Using CSS Grid In Newer Versions of Genesis Sample Theme

This tutorial adds a custom left and right menu that work with your custom logo and display inline using CSS grid. If you're using a new

Custom Logo Grid Columns Nav Menu

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

Business Pro Theme Genesis Featured Posts Grid Columns

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

Custom Fields Grid Columns Slider Video

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,

Animation Grid Columns

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

Animation Grid Columns

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

Animation Grid Columns

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

Author Pro Theme Grid Columns

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

AgentPress Pro Theme Custom Fields Custom Post Type Grid Columns Taxonomy Terms

Add Latest Post Before Archive Page Title In Genesis

This code enables you to add your most recent post before your archive page title and all other posts in the loop after your title like this

Grid Columns Taxonomy Terms

WPEngine Style Blog Page With 2 Columns & Sidebar Then 3 Columns

This download folder includes a custom blog page template like the WPEngine blog page : The template includes code to : Display the

Blog Page Grid Columns Monochrome Pro Theme

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

Blog Page Grid Columns Magazine Pro Theme

Add Header Right Widget & Full Width Menu In Genesis Sample Theme

The code in this download folder adds the header right widget area back to the Genesis Sample child theme and also repositions the primary

Grid Columns Nav Menu

Add Header Right Widget For Simple Social Icons In Infinity Pro

This tutorial shows you how to add the header right widget back in the header of Infinity Pro. In this example, we add the Simple Social

Grid Columns Infinity Pro Theme Simple Social Icons

Add Header Right Widget For Social Icons To Essence Pro

This download folder includes the code which adds a widget area to the header right position. In this case, we add the Simple Social Icons

Essence Pro Theme Grid Columns Simple Social Icons

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

Grid Columns Monochrome Pro Theme

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

Custom Fields Custom Post Type Grid Columns Taxonomy Terms

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

Grid Columns Header Image Nav Menu

Template To Display Archive Entries In Columns Using Navigation Pro

This template enables you to show posts on archive pages in columns. Here's the result written specifically for the Navigation Pro child

Grid Columns Navigation Pro Theme

Custom Fields On AgentPress Search Results Page

This search results template for AgentPress Pro enables you to display custom fields on your search results page like this : The code in

AgentPress Pro Theme Custom Fields Grid Columns Search

Essence Pro Logo Menu Search Perfectly Inline

This CSS enables you to display your logo, menu & search form inline like this : You can also display the header elements in any

Custom Logo Essence Pro Theme Grid Columns Nav Menu Search

  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Interim pages omitted …
  • Go to page 5
  • Go to Next Page »

Primary Sidebar

Brad Dalton Specializes In Genesis child theme customization & code modification. Read More…

Learn PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems