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 […]
Search Results for: image
Collapsible Horizontal Opt-in form in Genesis
In the comments section of my tutorial titled Adding a horizontal opt-in form in Genesis, a reader asked: Got this form to work perfectly! Only question is finding a way for people to collapse it if they’re already subscribed or just want to hide it on the screen. I want it to show up by […]
Alternate border colors for Posts in WordPress
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 […]
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 […]
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