This tutorial is based on How to slant edges of elements in Genesis and provides the steps to set up a down facing chevron-like featured section below the front page in Genesis with a parallax background image changeable in the Customizer (with instant live preview). We are going to register a custom Home Featured widget […]
Featured
Sticky Side Section in Genesis
Update on March 26, 2017: Added steps for positioning the sticky at the right edge of the browser. This tutorial provides the steps to display a vertical tab to the left side of browser edge in Genesis which when clicked, will slide out a side panel having widget(s) of a custom widget area. Clicking on […]
How to Filter Category Archives by Tags using MixItUp in Genesis
This tutorial provides the steps to set up a category archive template page in Genesis which displays tags of all posts in that category. Clicking on a tag will show the posts which have been assigned to that tag via MixItUp’s filtering. Screencast: We are going to create a category.php template file in which we […]
Using Flexbox for displaying widgets in columns
A common question I see being asked is, “How do I display widgets placed in a widget area in columns?” In this tutorial, I provide basic Flexbox CSS code for arranging three child elements of a container side by side in columns. Screencast: Given the HTML structure of we begin by declaring display property of […]
Custom Listings Carousel in AgentPress Pro using Slick and Flexible Posts Widget
In Genesis Slack chat, a user asked: Seeking a carousel slider plugin that will work in a widget for the home page of the StudioPress AgentPress Pro theme. Tried a few, searched Google for hours and nothing really fits the bill. It is for a real estate website. Thanks. The effect I am seeking is […]
Theme Logo in Genesis
Theme Logo is a theme feature, first introduced in Version 4.5. This feature allows themes to add custom logos. Theme/Custom Logo feature is the recommended method for adding logos in WordPress versus using the Custom Header especially with the built-in schema benefit of itemprop=”logo” microdata for the logo image element. In this article, I share […]
Custom Excerpts Overlay on Featured images below Header on Pages and Posts in Genesis
In the comments section of Full width responsive Featured image below header in Genesis with a fallback tutorial, a user asked: I use the above code often, excellent thank you. Do you have a tutorial or a bit of code where I can add some text over just the home image – Im using Genesis […]
How to add a URL admin column in WordPress Media Library
Update on February 12, 2017: Created a Plugin version of this. See near the end of this post. Wouldn’t it be handy to be able to easily copy a media item URL directly on the main Media Library screen rather than having to open the item? The following is better formatted version of this code […]
Grid Based Responsive Tabs in Genesis using GridTab
GridTab is a lightweight jQuery plugin to create grid based responsive tabs. In this tutorial, we shall display a grid of featured images of posts which when clicked will slide reveal details panel showing a larger image, title and read more button linking to their respective single post. When the panel is open, users can […]
The Comprehensive Guide to Genesis Theme Supports
This article covers the code snippets to control the various aspects of a Genesis site by adding and removing support for features. Note: In the examples below you’d replace portfolio with your post-type name. Code goes in child theme’s functions.php. Add support for footer widgets // Add support for 4-column footer widgets add_theme_support( ‘genesis-footer-widgets’, 4 […]
Recent Comments