This tutorial provides the steps to add a magnifying glass search icon at the right of Primary nav menu in Business Pro, which when clicked, will show a search box covering the entire site header based on the code from Monochrome Pro. https://sridharkatakam.com/wp-content/uploads/2018/03/Screen-Recording-2018-03-29-at-12.16-pm.mov.mp4 Screenshots: Note: Assumes that Header Right widget area is not populated. Tested […]
Header Search in Genesis
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 […]
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 […]
Launched GenesisSiteCare.com
Lee Anthony of SEO Themes and I have been working for the last 9 days or so on GenesisSiteCare.com, a WordPress maintenance service for sites running on Genesis. It is now officially open. Read more about it in this blog post. If you are signing up, use this coupon to get 25% off for lifetime: […]
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 […]
How to add Simple Social Icons to Infinity Pro’s header
In the members-only forum, a user asked: Hello Sridhar, I was wondering how to add simple social icons to the far right-hand side of Infinity Pro’s header ? I would like them to be responsive for mobile devices. I’m guessing this can somehow be done by re-enabling the header right widget area. Thank you, We […]
Custom Page Template to show posts grouped by selected categories using ACF’s Taxonomy field in Genesis
Recently a user enquired: Hi Sridhar, I have a quick question for you (possible new project). I noticed that this site (drupal) https://www.switchbacktravel.com/outdoor-gear-reviews breaks its archive pages into section. I wanted to know if something like that was possible in wordpress. to which I replied: Yes possible. The easiest way would be to create a […]
Recent Comments