When breadcrumbs are enabled on single posts in Genesis theme settings, CPT name linking to its archive will appear to the left of entry name like this: If you’d like to change the parent crumb to a custom link, say, to the “About” Page, genesis_single_crumb filter hook can be used. To view the full content, […]
Premium Content
Chevron-shaped Featured Parallax Section in Genesis using clip-path
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 […]
How to add content between entry header and entry content in Genesis
In this tutorial, we are going to use the genesis_before_entry_content action hook in Genesis to display the value of a page_intro custom field’s value (if present) between entry header and entry content on static Pages. Step 1 Install and activate Advanced Custom Fields plugin. Create a field group called say, Page Meta and add a […]
How to wrap posts list in a container and reposition archive pagination on archives in Genesis
In GenesisWP Slack chat, a user asked: I’ve been searching for a simple way to do this and am stumped. In a CPT archive page I’d like to create a wrapper div around only the looped posts and not include the pagination, of the form; <main class=”content” id=”genesis-content”> <div id=”my-wrapper”> <article>…</article> looped etc … </div> […]
Unlinked post taxonomy terms list in Genesis
Genesis has a handy shortcode called Filed Under: Genesis, Premium Content which displays comma separated linked terms of the specified taxonomy with category as the default taxonomy. Ex.: Let’s say you have a portfolio Custom Post Type with an associated taxonomy called portfolio_category. To display all the portfolio categories (linked to their corresponding taxonomy archives) […]
How to set up an image link to play video inline in WordPress
One of the tasks in a recent Genesis Customization project that I worked on was to make a Vimeo video play inline (replacing the image) when an image is clicked. Sounds simple, but apparently is not – at least based on my brief googling. In this tutorial, we are going to place the HTML in […]
How to Add a Right Sidebar in No Sidebar Pro
Brian Gardner will probably be shaking his head in disapproval at this post, but hey, I write tutorials only to help others from a coding point of view and do not judge or assess the aesthetics/design aspect. In the members-only forum a user asked: Hi, This probably defeats the purpose of the No Sidebar Pro […]
How to match breadcrumbs of Pages with menu item titles in Genesis
In the members-only forum, a user asked: Hi Sridhar, I wonder if it’s possible to change the genesis breadcrumbs function to use the menu label instead of the page title – (without using a plugin like Yoast or Nexxt Breadcrumbs)? — So far, all my searches have come up mostly empty. The only two somewhat […]
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 […]
Skeleton to change widgets markup in Genesis
Ever wondered on a lazy Sunday afternoon as to where the HTML markup of widgets comes from in your Genesis site? I did, the last weekend and learned that there are two filters genesis_register_sidebar_defaults – for backward compatibility genesis_register_widget_area_defaults that Genesis provides to alter the widgets’ markup. Below is the skeleton or boilerplate code using […]
Recent Comments