In the tutorial requests Trello board, a user asked: Hi Sridhar, just wondering if you can please do a tutorial on how to add a welcome/stick message widget in Infinity Pro theme above the navigation menu, visible throughout the different pages e.g. homepage, blog, contact etc…example of this on website:http://katenorthrup.com/ Many thanks This tutorial provides […]
2-column footer widgets in Infinity Pro
In the tutorial requests Trello board, a user asked: Hi Sridhar, In the Infinity Pro theme, is there a way to add an optin form with a custom background at the footer before the footer menu appear. The optin also can show on every pages of the website. Example websites: http://katenorthrup.com/ and http://nishamoodley.com/ with a […]
How to set up WordPress Coding Standards in Visual Studio Code
I am slowly moving away from Sublime Text to Microsoft’s Visual Studio Code due to VS Code’s superior feature-set like a built-in file navigation tree (which is better than ST’s SideBarEnhancements package), IntelliSense and built-in Git. Below are the steps to have VS Code automatically sniff and display warnings/errors (if any) in your PHP files […]
How to set up Font Awesome icons above menu items in WordPress
In the comments section of How to display custom menu with menu descriptions and icons in a WordPress widget, a user asked: How would I position them? I’ve replicated what you did in the tutorial, but I can’t get the icons above the text using CSS. Thanks for your help! We can automatically generate CSS […]
How to automatically add item label as a class for nav menu items in WordPress
Updated on July 08, 2017 Let’s say you have a nav menu in your WordPress site with these items: Home About Blog Shop Contact In WordPress, it is possible to manually set a class for nav menu items when editing custom menus. Your custom classes can then be used to uniquely style the nav menu […]
How to Filter Posts by Categories using FacetWP in Genesis
Updated on July 05, 2017 FacetWP is a premium plugin for setting up fast and easy facets (filters) of various kinds like select menus, checkboxes and radio buttons. This tutorial covers the steps to display categories’ checkboxes in a text widget on Posts page, archives and search results pages using FacetWP. Posts can be filtered […]
How to dynamically generate Front page widget areas via Customizer in Genesis
In the members-only forum, a user asked: Last year I bought a third party childtheme – Summation by EngageWP. summation It has a pretty unique feature: In Genesis Theme settings, it adds a setting where you can define the number of widget areas you’d like to have dynamically created for your frontpage. Fill in – […]
How to display ACF Repeater items in a carousel using SlickJS
In the members-only forum, a user asked: I’m wanting to build a site similar to this http://kevita.com/products/master-brew-kombucha/ with a full width top image and slider below with product info using advanced custom fields and slick or soliloquy. Thank you! In this tutorial, I would like to share a custom Page Template that outputs rows of […]
Unobtrusive page transitions in Genesis with smoothState.js
smoothState.js is a jQuery plugin that progressively enhances page loads to give us control over page transitions. In this tutorial I discuss implementing smoothState.js in Genesis. Since the HTML content of initial page (ex.: front page) will be replaced with that of the later page (ex: an inner page) using Ajax, going back to the […]
How to set up an alternate logo in Showcase Pro’s front page
In my tutorial requests Trello board, a user asked: … Please could you write a tutorial for using an alternative logo in the full size header on the home page in the updated Showcase Pro. I need to use a reversed logo over the hero image. Thank you. Claire When title text is used in […]
Recent Comments