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( […]
Search Results for: wordpress
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 […]
Infinite Scroll in Genesis
This tutorial provides the steps to implement Bill Erickson’s Infinite Scroll in WordPress on the Posts page and archive pages in Genesis with minor improvements. We are going to cover the case where user scrolling acts as the trigger to fade in the subsequent set of posts. If you are looking for a button click […]
WooCommerce product search in Showcase Pro’s header
This article provides step-by-step instructions on implementing the header search from Monochrome Pro in Showcase Pro and displaying WooCommerce’s default product search instead of WordPress’s – covering the site header when a magnifying search icon at the right of nav menu is clicked. Screenshots: Homepage on page load: After clicking on the search icon: After […]
Parallax Scrolling for Front Page sections in Altitude Pro
Altitude Pro’s demo site has fixed background images for Front Page sections 1, 3, 5 and 7. This tutorial provides the steps to set up parallax scrolling (subtle movement of the background image with scrolling) for these sections using Parallax.js. https://sridharkatakam.com/wp-content/uploads/2018/03/altitude-pro-parallax-background.mp4 Step 1 Upload parallax.min.js to Altitude Pro’s js directory. Step 2 Comment out or […]
Featured image below header on Pages and Posts with entry header overlay in Monochrome Pro
Updated on March 11, 2018 In the past, I covered Featured image below header on Pages and Posts with entry header overlay in Infinity Pro. In this tutorial, we shall implement the same in Monochrome Pro’s single posts and static Pages i.e., show featured image below the site header and overlay entry header (title on […]
Image Grid on Archives in Genesis
This tutorial provides the steps to display featured images of entries (posts) on archive pages in Genesis in a 3-column grid using CSS Grid with Flexbox fallback (for oldIE). For entries that do not have a featured image set, the first attached image will be shown and if that’s not present, a fallback image. The […]
Unboxed site-inner in Cafe Pro
This tutorial provides the CSS to make the content of inner pages (div.site-inner) in Cafe Pro full-width i.e., take up the full available width in the browser viewport. Before: After: Both Flexbox and CSS Grid based solutions are provided. Flexbox is recommended for maximum browser compatibility. CSS Grid method does not work in IE11. Tested […]
How to overlay site header on featured image that fades out on scroll in Genesis
This tutorial provides the steps to overlay site header (automatically sized to half the viewport height) on featured image on single posts and the image fading away on scrolling down with fading in when scrolling up in Genesis. https://sridharkatakam.com/wp-content/uploads/2018/02/hero-featured-image-fade-scroll.mp4 While the tutorial has been written for Genesis Sample, it should work with a few adjustments […]
Genesis 2.6
Genesis 2.6 is actively under development by the StudioPress team with contributions from volunteers like Gary Jones, Lee Anthony and several others. Today they announced the availability of 2.6 beta here: https://studiopress.blog/genesis-2-6-beta/ The ‘Added’ section of the change log reads: Add contextual filter for `content` passed through the Markup API. Add filter for 404 page […]
Recent Comments