This tutorial shows you how to modify any widget area in any Genesis child theme which uses flexible
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.
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
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
Genesis Responsive Menu & Sub Menu Items in Columns
This tutorial provides several solutions which enable you to display both menu items & sub menu
Change The Order Of Genesis Responsive Menu Items
This solution enables you to re-order each menu item when the responsive drop down menu is displays
Change Number of Product Columns On WooCommerce Archive Pages In Genesis
The code snippets in this tutorial enable you to change the number of columns WooCommerce products
Add Flexible Footer Widgets To Monochrome Pro
This tutorial provides several methods which enable you to add any number of footer widgets to the
Add 3 Images Inline Below The Header Image In The Title Area
This tutorial provides the code which enables you to add 3 images below your default header image (
Custom Genesis Layout Setting Using CSS Grid
This code enables you to add a custom layout setting which uses CSS Grid. You can select the setting
Click To Load More Videos In Page Template
This page template for Genesis enables you to add a button which loads more items when clicked. In
2 Column Genesis Split Widgets 50% Width
The following solution uses CSS Grid so it won't work in I.E. Based on this question : I
Genesis Infinite Scroll With Button To Load More Posts
This tutorial contains a Genesis archive template which displays your posts in a grid and also
Genesis Yearly Template To List All Posts For Each Month In a Responsive Grid
This template enables you to lists all posts for each year on 1 page in Genesis. Posts will display
Lifestyle Pro Blog Page Template Like Home
This template displays your posts exactly the same as the front page template in the Lifestyle Pro
Genesis Popular Posts In Columns
This tutorial provides the CSS & CSS for Media Queries for 2 different solutions which enable you to
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
Blog Page Grid 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