Ever wondered how to do something, but you are stuck? Here we will look at step by step instructions on how to do things relating to web design and web development that have you stumped. Articles are designed to help you actively learn new techniques in a practical and easy manner in order to enhance your skill set, taking you from novice to professional.

Using Enfold Avia Layout Builder on WooCommerce

We’re in the process of launching a WooThemes Canvas marketplace (more news on that later) and opted for using the brilliant Enfold theme to do the heavy lifting. In the process, we discovered that the amazingly intuitive Avia Layout Builder doesn’t play nice with Custom Post Types – which WooCommerce uses for their product listings. Read more

Using the HTML5 Defer Property in WordPress

I was recently busy with optimizing a website when the site report we ran over at GT Metrix mentioned that we should be deferring all scripts on the website. The HTML5 Async / Defer property was built with the idea of speeding up the loading time of website by loading all javascript files asynchronously.

Issues on using HTML5 Defer / Async in WordPress

It seemed like a good idea at the time, although I ran into several problems early on:

  • There’s quite a bit of literature on the async / defer property, but precious little on how to use within a WordPress environment;
  • Trying to implement it from coding example, led to the WordPress admin panel being broken (especially the WordPress’ Tiny MCE editor)

Read more

Adding the Full Job Location to our Prima Child Theme

One of our community members recently asked us for a how-to guide on displaying job location with each listing. Although this comes packaged with the original JobRoller theme (from Appthemes), it was decided that salary was a tad more important than where the job was located – although, with hindsight, that call might have been made prematurely.

Read more

Adding / Editing Background Colours for Job Types in the Prima Child Theme

Sometimes your jobsite / job-board will have more job-types (e.g. full-time, part-time, contract etc.) that is normally shipped with JobRoller. In these instances, one might need to edit/add background colours for these newly created job-types (although the system does have a default display for these new job-types in case you haven’t got the coding know-how). In any event, here’s the guide on how to add your own look & feel for custom job-types…

Read more