In the comments section of Adding Simple Social Icons to Navigation bar in Genesis, a user asked: I love this tutorial and have it working well. But I was wondering if there was a way to keep the social icons always showing even on mobile (versus having the user click the mobile menu icon to […]
Premium Content
Conditional layouts for WooCommerce product archives based on parent category
In the members-only forum, a user asked: I’m trying to show or hide the sidebar using the full-width-content or sidebar-content layout on categories depending on the parent category in WooCommerce. I have a lot of sub categories so don’t want to do it manually in the archive setting of each category. I also need to […]
Utility Bar in Wellness Pro
This tutorial provides the steps to register two widget areas namely, Utility Bar Left and Utility Bar Right and display these above the header in Wellness Pro. Step 1 Add the following in child theme’s functions.php: To view the full content, please sign up for the membership. Already a member? Log in below or here.
Custom Posts Slider in Genesis using Flexible Posts Widget and lightSlider
In the members-only forum, a user asked: I would like to pull post-meta info below the post title of the Genesis Responsive Slider so that it looks similar to this: http://picpaste.com/ET_-_redesigned_homepage-isbAUeRF.jpg Ideally I’d like to specify the Advance Custom Fields data as I have customized the post-meta to include that but I can probably hide […]
How to change the number of Footer widget areas conditionally in Genesis
In GenesisWP Slack group, a user wanted to know how to display only the first two Footer widget areas on Pages that have a specific Page template applied with the rest of the pages showing the default number of footer widgets as defined in the child theme. genesis_footer_widget_areas filter hook can be used for this […]
AniJS in Genesis
AniJS is a Javascript library to easily add animations to elements on webpages by setting the value of data-anijs data attribute using the following syntax: if an event occurs on this element do an action/animation to this element In this tutorial, I share the steps for loading this library and using it in Genesis. We […]
Infinity Pro’s Offscreen widget area in any Genesis child theme
One of the built-in features of Infinity Pro is the Offscreen Content widget area whose widgets will appear in a full-screen overlay when a floating (always visible) button near the top right of the pages is clicked. In this tutorial, I share the steps for repurposing the code from Infinity Pro to set up offscreen […]
Widget Title Links in Glam Pro
In the members-only forum, a user wrote: Hello Sridhar, Is there a way to create links for widget titles ? I am using the Glam theme, and I would like to have the Title link out to a custom URL using a text widget. When using a text widget to display an image the theme […]
Utility Bar in Digital Pro
This tutorial provides the steps to set up a before header Utility Bar widget area and display it in a fixed position above the header in Digital Pro. The utility bar will be static for screen widths from 800px and below. Step 1 Add the following at the end of Digital Pro’s functions.php: To view […]
Porthole columns in Infinity Pro
In the members-only forum, a user asked: Images overlayed between between home page sections Infinity Pro I’m not even sure what to call it. Essentially I’m trying to copy the top of the home page here: https://www.fresyesrealty.com/ but use Infinity Pr. In particular, I’m just trying to have the three circular images overlap between Front […]
Recent Comments