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 […]
Search Results for: responsive
Applying Backstretch to multiple Featured images in Genesis
In this article I share how Featured images (if present) linking to corresponding single pages can be displayed above Posts on listing pages in Genesis. Thanks to Luke for the idea that Backstretch’s source can be pulled from data attribute on the webpage. The purpose of this tutorial is only to show how Backstretch can […]
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 […]
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 […]
How to show high resolution Logo on retina displays in Genesis using Foundation Interchange
When the background logo is replaced with HTML image element per my earlier article, the same image is going to appear on every device. What if you want to swap it with a high res version on retina devices? In this article I show how Foundation’s Interchange can be loaded in WordPress and used to […]
How to place a full width slider in Home Featured widget area in Centric Pro
In this article I show how the main Featured section in Centric Pro can be replaced with a full width responsive slider using the RoyalSlider commercial plugin. Live Demo Step 1 Purchase, install and activate RoyalSlider. Step 2 To view the full content, please sign up for the membership. Already a member? Log in below […]
How to use an inline logo instead of a background image in Genesis
Latest update: Follow https://sridharkatakam.com/inline-logo-in-genesis/ instead. Updated on October 18, 2015. The standard method for displaying logos in Genesis is by adding theme support for custom header like this: (code from Executive Pro’s functions.php) What if you want to display the logo as a normal HTML image element instead? In this article I show how genesis_seo_title […]
How to add a full/wide header in Metro Pro
Updated on October 16, 2015 In the past I showed how a wide header can be added in Lifestyle Pro and Agency Pro Genesis child themes. The same method can be applied in Metro Pro. Before: After: Step 1 Upload your desired header image to your Media library. Recommended width is 1068px. Height can be […]
How to display Posts organized by category as Data Tables in Genesis
Recently I finished custom work for a gentleman that involved creating a Page Template in Genesis that shows Posts in tabular format grouped by their categories with sorting and search options available in the front-end. Full page screenshot. Requirements: Displays Posts from each category organized by category with the categories in ascending order. Within each […]
DesktopServer Tip: Ensure that name of Export and active theme’s name do not match
Yesterday I wanted to export a localhost install of WordPress, http://centric-pro.dev from my old computer (MacBook Air) to the new one (MacBook Pro). I have the current latest version of DestopServer Premium, 3.6.3 running on both the laptops. I entered “centric-pro” in the ‘Export As’ field and let DestopServer generate the zip file. I then […]
Recent Comments