This tutorial provides the steps to add a utility bar having two (left and right) widget areas above the fixed header in Showcase Pro. Screencast: Tested in Showcase Pro version 2.0.2 Step 1 Edit functions.php. a) Inside showcase_theme_setup(), below // Add previous and next post links after entry add_action( ‘genesis_entry_footer’, ‘genesis_prev_next_post_nav’ ); add To view […]
Premium Content
Soliloquy slider below header on Showcase Pro’s homepage
In the comments section of Soliloquy slider below header on Pages in Showcase Pro, a user asked: Is it possible to do this as well for the home page in Showcase? I’d like to have the header/menu fixed with the white background on all pages versus the sticky effect when you scroll. This tutorial provides […]
How to group entries by Month and Year on CPT archive in Genesis
In the members-only forum, a user asked: Is it possible to display a Custom Post Type archive page organised by Month with genesis ? as below – Jan post post post Feb post post March post post post etc , etc In this tutorial, we shall create a template for portfolio CPT’s archive page and […]
Soliloquy slider below header on Pages in Showcase Pro
This tutorial provides the steps to show different Soliloquy slider below the header on different static Pages in Showcase Pro. The difference between this and the earlier tutorial is that we are going to set the header to have a solid background color here and set a padding equal to the height of the fixed […]
How to add categories and tags as body classes in WordPress
In the members-only forum, a user wanted to know how to automatically add slugs of both categories and tags to the existing list of body element’s classes in WordPress. Adding the following in child theme’s functions.php will automatically add categories and tags as body classes in WordPress on single pages (other than static Pages). To […]
Site Title – Image Logo in Genesis
In my tutorials requests Trello board, a user asked: Hi Sridhar, could you make a tut regarding how to have BOTH site site title AND logo side by side on header ? In this tutorial, I share a modification of the code from Theme Logo in Genesis article to display the site title and image […]
WooCommerce Shop Archive Image in Genesis using ACF Pro
In the comments section of How to overlay entry title on featured image in single Posts tutorial, a user asked: …Now I have the opposite problem on the main shop page of woocommerce: the effect doesn’t work, the image doesn’t appear and the title remains in standard place… This tutorial provides the steps to relocate […]
Soliloquy slider on single Posts and static Pages in Showcase Pro
In the comments section of Full width Soliloquy slider in Showcase Pro tutorial, a user asked: How can I add Soliloquy to individual pages? In this tutorial, we shall add a checkbox in the WordPress editor which when ticked, will display a number field in which Soliloquy slider’s ID can be entered and then the […]
Responsive menu with inline Search in Foodie Pro
In GenesisWP Facebook group, a user asked: I’m looking to make the Foodie Pro navigation menu look like this on mobile–with search bar visible while collapsed (example site that client wants mobile menu to look like: http://deliciouslysprinkled.com/). Any suggestions? Thank you! We can remove the search form from being injected inside the primary navigation’s list […]
Before and After Slider in WordPress using ZURB TwentyTwenty
TwentyTwenty is a jQuery plugin from ZURB that can be used to show multiple sets of before/after images with the images appearing superimposed on each other. Dragging a vertical bar horizontally left and right reveals the before and after image respectively. In this tutorial, we shall load the files needed for ZURB TwentyTwenty draggable before-after […]
Recent Comments