This tutorial provides the steps to add a magnifying glass search icon at the right of Primary nav menu in Genesis, which when clicked, will show a search box covering the entire site header based on the code from Monochrome Pro. Screenshots: While the tutorial has been written for Genesis Sample 2.6.0, it should work […]
Free Content
Left aligned Site Title with Centered Navigation in Genesis
This tutorial provides the CSS to keep the site title aligned to the left and horizontally center the nav menu within the site header’s wrap in Genesis Sample 2.6.0. Using CSS Grid Works in all modern browsers. Does not work in IE 11. Title area and primary nav will continue to appear left and right […]
White background site header in Showcase Pro
Updated on April 13, 2018 Showcase Pro has a transparent site header initially (i.e, when the scroll position is at the top of browser) which becomes white upon scrolling down. If you are looking to set white background all the time, make these changes in its style.css: Tested in Showcase Pro 2.0.2. Change a) L1554: […]
How to add a Read More button below content/excerpts in Genesis Featured Posts
In the comments section of How to add a Read More button below content/excerpts in Genesis, a user asked: Perfect. However it does not seem to change the links on the featured posts. Do I need to add something? I have tried with no success. Thanks in advance. This tutorial provides the steps to use […]
How to show a “Buy Now” link button below posts using Advanced Custom Fields in Genesis
This tutorial provides the code to output a “Buy Now” link button below entry content in Genesis if a affiliate_product_url custom field created using Advanced Custom Fields plugin is not empty. Backend: Frontend: We shall ensure that the link will be shown only if Affiliate Product URL has been entered for the individual posts. Step […]
Jetpack-like Related Posts without Jetpack in Genesis
Jetpack’s Related Posts module has a “large and visually striking layout” option that shows related posts at the bottom of content like this: This tutorial provides the steps to show a similarly styled three related posts below the comments section on single posts in Genesis based on the code by Nick Croft and improvements by […]
Custom actions for Keyboard Action
Keyboard Action, a WordPress plugin for navigating the various admin screens and running common actions like creating posts by typing what you want to do in a command box was launched earlier today. It is like Alfred or LaunchBar (my favorite) but for WordPress – which works on both backend (WordPress dashboard) and the frontend. […]
How to reposition Jetpack Related Posts and Social Warfare buttons in Genesis
Jetpack’s Related Posts and Social Warfare‘s social buttons, by default, attach themselves to the content and appear like this on single posts: Looking to move them below the content (and comments – if enabled) inside a new div on single posts in Genesis like this? Step 1 Add the following in child theme’s functions.php: add_filter( […]
Transparent site header on Infinity Pro’s homepage when there’s a header image
In my tutorial requests Trello board, a user asked: Infinity Pro Once you add a logo the header background on the Home screen becomes white. Would LOVE help going back to see thru ‘with’ logo. When a site header image has been set in Infinity Pro, the site header on the front page will no […]
How to set a custom title for Posts page in Genesis
In my earlier post titled How to set a custom title for Posts page in WordPress, I showed how the_title filter can be used to change the Posts page title on the frontend. While this method should work in any WordPress theme including Genesis, if you are looking for Genesis-specific way of achieving similar add […]
Recent Comments