Tympanus has a great tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images. In this article I show how the same can be implemented in Genesis to display featured images of posts on Posts page in a grid. Clicking on an image will […]
Search Results for: genesis
How to display Posts in Recent, Popular and My Picks tabs in Genesis
In my Facebook group a user asked: just a tutorial idea. Would be great to achieve a post filter like the one used on this blog… http://witanddelight.com/ In this article we shall replace the default loop on a static homepage of a Genesis site with a custom one in which content is present in three […]
A Lightbox that works for Featured Images ? – Genesis
Hi , I normally use Simple Lightbox , but this won’t work with Featured images , I also tried the Featherlight Plugin and this didn’t work at all on any images. Does anyone know of a lightbox that will work on Featured Images in Genesis ?
How to Load Posts on Demand using AJAX in Genesis
Update on March 08, 2018: An updated tutorial covering the case of user scroll as the trigger to fade in the subsequent set of posts is here. This article is based on Bill Erickson’s excellent tutorial titled Infinite Scroll in WordPress. We shall add a Load More button below posts on Posts page and Archives […]
How to open Portfolio image in a Lightbox using Featherlight in Genesis
In my Facebook group, a user asked: I’m having fun rebuilding my portfolio using some of your tutorials. (filterable taxonomies) and starting with your single-portfolio.php here: https://sridharkatakam.com/portfolio-post-type-genesis/ — One thing I can’t figure out is how to make the image on the SINGLE clickable to view in a fancybox. I have lots of different sizes […]
Masonry in Genesis using Salvattore
Salvattore is a lightweight jQuery masonry Javascript alternative in which the widths of blocks and number of columns can be controlled via CSS. In this article I share the code to organize the posts on Posts page in a masonry layout using Salvattore. We will set the number of columns to 4 for screen widths […]
Displaying social media links after title in Genesis Author Box using custom user profile fields
In this tutorial we are going to use user_contactmethods filter hook in WordPress to add Twitter, Facebook, Pinterest, Instagram, Bloglovin and RSS Feed URL fields in user profile pages and display these hyperlinked (when not empty) along with user’s email and website URL (if entered) next to “About ” in Genesis author box using the […]
Fixed Shrinking Header with inline logo and menu in Genesis
In this article I share the steps for customizing Genesis Sample to replace the background logo image with an inline logo managed via the customizer relocate primary nav menu to header right make the header fixed so it remains in view all the time and shrinks (incl. the logo) on scroll (from 1024px and above, […]
Smooth scrolling to top in Genesis after clicking anchor links in headings
In my Facebook group a user asked, I’d like to see a tutorial on how to place an automatic back-to-top icon after each heading in the text (like Yoast has). Thanks! https://yoast.com/use-content-analysis-yoast-seo/ We can use genesis_before action hook to inject a custom div#top above .site-container in Genesis and use JS for scrolling smoothly to that […]
How to add Font Resizer buttons in Genesis
In my Facebook group a user asked: Hi Sridhar – I need to find a light-weight plugin or other method to add a font-resizer to genesis child themes. The child theme in particular that brought this up is the Agency Pro theme you can see my implementation of that theme at https://eldersell.com A client of […]
Recent Comments