Update on March 27, 2020: Added a functionality plugin for this in case you prefer not editing the child theme files. This members-only premium tutorial provides the steps to be able to associate an image for taxonomies in your WordPress site and if present, show it as the header hero background image in Essence Pro…. Continue Reading »
Conditional Post Info in Genesis
This members-only tutorial provides the steps to remove “by <author name>” from the entry header’s post info in Genesis for posts in which “Hide Author?” checkbox, a custom field has been ticked. True / False type of custom field added using Advanced Custom Fields Post info without”by <author name>” for entries where “Hide Author?” has… Continue Reading »
How to customize post info in entry header on select single posts in Genesis
Looking to modify the entry meta or post info in the entry header in your Genesis site but only on specific single posts? We can do this by wrapping the code inside a if condition that checks for IDs of selected posts in the function that is hooked to genesis_post_info. Adding the following sample code… Continue Reading »
Logo at the left and Nav Menu at the right in Essence Pro
This members-only tutorial provides the steps to customize Essence Pro to have a logo image appear at the left and navigation menu at the right in the site header. 1201px and above 1200px and below Tested in Essence Pro 1.3.0. Step 1 Let’s remove the search from the header. In /wp-content/themes/essence-pro/lib/header-functions.php, comment out the following:… Continue Reading »
Slideout.js in Genesis
This members-only tutorial provides the steps to implement Slideout.js, a touch slideout navigation menu JavaScript in Genesis Sample. We shall show the widgets placed in a custom widget area in the side panel when the hamburger icon is clicked/tapped – effective 959px and below. The side panel can be dismissed by clicking/tapping the close icon… Continue Reading »
How to remove the background gradient for header hero in Essence Pro
Header Hero section of Essence Pro has a dark gradient on top of the image so that text is readable. Before: If you are looking to remove this gradient possibly because you want to use your own “dark” background image simply edit /wp-content/themes/essence-pro/lib/header-functions.php and change to After:
How to Customize Post Info in Genesis
This tutorial shows how to make changes to post info or entry meta before content in Genesis using the genesis_post_meta filter. Add the following in child theme’s functions.php: and edit the return line inside the function as needed. For example, to delete post comments, you would change it to:
Reversing Page Titles Relocation in Showcase Pro
Genesis sites running Showcase Pro child theme will have titles removed from the default location and moved inside the page header for static Pages that have a featured image. If you would like this to not happen, follow the steps in this members-only tutorial. Before: After: Tested in Showcase Pro 2.0.2. Step 1 Edit Showcase… Continue Reading »
Split Nav in Genesis with logo change on scroll
This members-only tutorial provides the steps to show a centered image logo with primary nav on its left and the secondary nav on the right in the site header of Genesis Sample. We shall show a different logo image on scroll with a smooth shrinking effect. Before scrolling: After scrolling: While the tutorial has been… Continue Reading »
Home Hero Overlay with Shrinking Site Header in Genesis
This members-only tutorial provides the steps to add a hero section on the homepage with a transparent site header overlay with the header and logo shrinking when scrolling down. We shall register home-hero widget area set transparent background for the site header set hero image as background covering both the site header and hero section… Continue Reading »
Recent Comments