In this article I show how ‘testimonial’ CPT entries made available by Testimonials by WooThemes plugin can be output using Bill Erickson’s Display Posts Shortcode plugin and displayed as a responsive carousel using Slick jQuery script. The reason for not using Testimonials plugin’s built-in shortcode is because it did not seem possible with the generated […]
Featured
How to set up animated Search form in Genesis
Today a user mailed: I just simply want to add a search feature on the primary menu of my site. I am using Genesis theme and Altitude Pro theme. The site is —-.com. I tried doing it myself, but nothing seems to work… that is how I found your site. I saw your tutorial. I’d […]
Posts Carousel in Genesis using bxSlider
Want to display featured images of Posts in a responsive carousel in your Genesis site? In this site I show how we can use bxSlider jQuery script for automatically converting Posts output by a WP Query loop into a carousel. Post titles are going to appear at the bottom when the featured image of each […]
Sample Widgetized Front Page with Full Width Sections in Genesis
In this article I provide a working example of how Bill Erickson’s code can be used as a foundation for creating a typical front page in WordPress using Genesis. Our front page is going to be made up of these sections: Header (sitewide) – site title/logo at left and custom menu in ‘Header Right’ widget […]
How to display a Fixed Mini Header when Scrolling down in Genesis
Update on January 16, 2017: New tutorial > https://sridharkatakam.com/fixed-mini-header-scroll-inline-logo-nav-menu-genesis/ In a recent customization project I took up, client wrote: The other feature we’d like to implement is a sticky header that shrinks after the page has scrolled very much like the page at http://www.marcuardfamilyoffice.com/en/values In this article I share how a sticky mini header consisting […]
How to format CSS per WordPress coding standards using CSScomb in Sublime Text
Want to format your CSS with the click of a button so it is properly formatted per WordPress’s coding standards? Gary Jones has put together a configuration file for this about which he writes: Current WP CSS coding standards for property ordering are outlined at http://make.wordpress.org/core/handbook/coding-standards/css/#property-ordering . These are too generic, so using an automated […]
Horizontal Opt-in Form in Genesis using eNews Extended plugin
In one of my past tutorials titled Adding a horizontal opt-in form in Genesis, I showed how Genesis eNews Extended can be used and styled to display an opt-in form horizontally. In this article I share how the same can be done to get a much sleeker and narrower look. Screenshots: Desktop: Tablet: Mobile: Ready? […]
CSS Injection and Auto Refresh using BrowserSync
In this article I share how I use BrowserSync to see changes in WordPress websites (on localhost) instantly in the browser without having to manually refresh the browser. I use DesktopServer for managing websites on my computer. For example, I have WordPress installs at several URLs like genesis.dev, bfwpdeals.dev. BrowserSync can be installed after installing […]
Infinite Scroll in Genesis
In the past I wrote about setting up infinite loading of Posts in Genesis using Jetpack here. If you do not wish to use Jetpack or a lighter version of it that provides this feature or Gary Jones’ plugin that relies on Jetpack, the ‘original’ Infinite Scroll script’s WordPress version can be used. Let’s see […]
CSS for Multi-Column Footer Widgets in Genesis
Genesis has built-in support for footer widgets (appearing above the footer) that can be enabled by adding the following in child theme’s functions.php: The second parameter in the above can be changed to reflect the number of footer widgets you would like to use. In this article I would like to share sample CSS to […]
Recent Comments