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

WP SITES

2784

Original Genesis Tutorials & 6000+ Guaranteed Code

Snippets

  • Consultation
  • Full Access
  • Log in

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.

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

CSS Grid Columns Enterprise Pro Theme Header Image

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

CSS Grid Columns Featured Image

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

Blog Page CSS Grid Columns Wellness Pro Theme

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

Blog Page CSS Grid Columns Essence Pro Theme

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

Agent Focused Pro AgentPress Pro Theme CSS Grid Columns Featured Image

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

AgentPress Pro Theme CSS Grid Columns Taxonomy Terms

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

CSS Grid Columns Custom Logo

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

CSS Grid Columns Custom Logo Eleven40 Pro Theme jQuery Scroll

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

CSS Grid Columns Custom Post Type Taxonomy Terms

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

Blog Page CSS Grid Columns

Copyblogger Style Front Page Grid

A member of the Genesis community recently sent this message : I am reading your posts and they are great, here you have a new member on

Authority Pro Theme CSS Grid Columns

Blog Template To Show Latest Post On Top of Entries In 2 Columns

This custom blog page template show the latest post full width ( 2 columns ) and then all other post underneath in 2 columns like this

Blog Page CSS Grid Columns Infinity Pro Theme

Display Genesis Featured Page Widgets In Columns Using CSS Grid

The CSS to display featured page widgets and featured posts in grid columns is different. This CSS enables you to display 4 featured

CSS Grid Columns Genesis Featured Page Widget

Add Countdown Timer To Genesis

This code adds a countdown timer to the site header or nav menu in the latest version of the Genesis Sample child theme. Order of Header

CSS Grid Columns

Reorder Widget Areas on Mobile

The solution in this download folder enables you to change the order of the front page widget areas on smaller screens. You can also

CSS Grid Columns Magazine Pro Theme

CSS Grid For Genesis Archives

This CSS enables you to display archive entries in columns without editing any existing code. All you need to do is copy & paste the CSS

CSS Grid Columns

Modify Flexible Widgets To Display Any Number of Widgets In Columns

This tutorial shows you how to modify any widget area in any Genesis child theme which uses flexible widgets. You can use CSS Grid to

CSS Grid Columns Infinity Pro Theme

Template To Display All Posts by Each Category In Genesis

This template lists the archive title for each category and displays all posts assigned to each category under each category header like

CSS Grid Columns

Template For Custom Genesis Grid Loop With Image Hover Overlay

This template displays the featured image with a hover overlay effect. It is coded to display the image caption, if added, otherwise it

CSS Grid Columns Featured Image

Genesis Responsive Menu & Sub Menu Items in Columns

This tutorial provides several solutions which enable you to display both menu items & sub menu items in any number of columns. The code

CSS Grid Columns Nav Menu

  • « Go to Previous Page
  • Go to page 1
  • Go to page 2
  • Go to page 3
  • Go to page 4
  • Go to page 5
  • Go to page 6
  • Go to Next Page »

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.