A user asked, Would you consider adding a tutorial for adding a sidebar to a theme that does not use one, specifically Atmosphere Pro? I am having trouble trying to implement this. Thanks for your great service. All pages in Atmosphere Pro use full width content layout as default. We can comment out the code […]
Accessible Responsive Menu in Genesis
Newer Genesis child themes like Workstation Pro and Atmosphere Pro come with responsive mobile hamburger menu code which is better than the one in older themes like Beautiful Pro or Magazine Pro in that accessibility is taken care of. In this article I share the code taken from Workstation Pro and slightly modified so that […]
Displaying Related Content using Related Posts for WP in Masonry Style in Genesis
In the comments section of Pinterest-style Related Posts in Genesis using Masonry article, a user wrote: Thank you for the tutorial! Right now it only shows related posts. Is it possible to make it show both posts and pages? My recommendation for showing related content in WordPress is to use either JetPack’s Related Posts or […]
How to add MENU to the right of hamburger icon in Outreach Pro
In the past I wrote about adding the word MENU to the hamburger menu icon at responsive breakpoints in Executive Pro, Altitude Pro and Ambiance Pro. In this article I share the code for the same in Outreach Pro. Before: After: Step 1 Edit js/responsive-menu.js. To view the full content, please sign up for the […]
Custom responsive Slider showing Featured Posts in Genesis using ResponsiveSlides.js
In the members-only forum a user asks, I’m using ResponsiveSlides.js quite a lot for sliders these days and wondered if you could show a tutorial for showing the latest posts from a category in the slider , using the featured image and the post title and an excerpt as an overlay. i’m using genesis http://responsiveslides.com/ […]
How to remove Site Description (Tagline) in Genesis
In Genesis Facebook page, Rian Rietveld wrote: Hi all, If you update to Genesis 2.2 and activate the accessibility features, you may see some extra headings in your theme. If you want to get rid of them, don’t use a remove_action, but hide them with CSS. Blind people need those headings to navigate and understand […]
Custom Search Template in Genesis showing Results grouped by Post Types
Updated on July 23, 2017. Code in search.php has been updated to only show the search result when there is at least 1 matching entry. A user in Genesis Facebook group asked, …I want to customize a search results page for a client to show results grouped like: Article Results list 5 post/page results or […]
Filterable Portfolio in Genesis using Isotope
June 05, 2018: Updated version of the tutorial here. DO NOT follow the one below. This is a up-to-date tutorial on setting up a responsive filterable Portfolio grid in Genesis using Portfolio Post Type plugin and the latest Isotope (v2.2.2). Live Demo Screenshot of Portfolio CPT archive: When featured image is hovered, we shall display […]
Displaying Products in WooCommerce Shop and Archives similar to Agency Pro’s Grid with Product Info on Hover
Updated on December 14, 2018 In the members-only forum a user asked, how easy / hard would it be to take this: How to add a Featured Posts section similar to that in Agency Pro in any Genesis theme and utilize it for a woocommerce main “shop” page? In this article we shall spruce up […]
How to make Posts page obey its Page layout setting in Genesis
In Genesis Page specific layouts override the default layout from theme settings. But the same does not apply for the Page set as Posts page (in Settings > Reading). Regardless of what layout you select when editing this Page, the default layout will continue to be used unless the following code is added in the […]
Recent Comments