Vanessa asks, @srikat Is it possible to make the border colors alternate for posts in Genesis?— Vanessa! (@withgreatheart) December 12, 2014 We can add odd/even post class for Posts alternately and use these in CSS. Adding the following in child theme’s functions.php will add ‘odd’ class to 1st (top most), 3rd, 5th.. and ‘even’ class […]
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 […]
How to use Genesis Grid Loop plugin on a specific Category and show Excerpts
Amanda asks, I’m wanting to use the Genesis Grid Loop plugin only for specific category pages. Also, I need those pages to be in excerpt style, showing only about 250 words before a ‘read more’ button. How would I go about doing this? Are there any tutorials floating around somewhere? I’m comfortable with php if […]
How to reveal Featured Images when hovering on Posts in Whitespace Pro
Paul asks, Anyone figure out how to show featured images (even if partially transparent) on hover for the #genesiswp Whitespace them?— Paul Letourneau (@paulletourneau) December 5, 2014 In this article I share the code to display Featured images on hover for Posts on homepage of Whitespace Pro. Screenshot: Screencast: Step 1 Register a custom image […]
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 […]
How to customize Entry Meta conditionally in Genesis
In this article I share sample code that answers Anybody know how to change #genesiswp post meta by post type? Tried if( 'book' == get_post_type() ) {} but I keep getting a redeclare error.— Juan Rangel (@JuanRangelTX) November 30, 2014 Adding the following in child theme’s functions.php will display custom entry meta in archive page […]
How to display only the Title and Featured Image for Posts in Genesis
This article is based on my earlier one titled How to show only Post titles in Genesis. If you would like to display only titles and post thumbnails and not the other details like post info, excerpt/content, entry meta for all Posts in archives and search results pages in Genesis, add the following code in […]
Useful WordPress plugins during the development stage
In this article I would like to share the list of few plugins that I generally use when working on my localhost during the initial stages of WordPress websites to save time. I do not necessarily have all the ones below active for every website during development but rather on a case-by-case basis when needed […]
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 […]
Recent Comments