Position Genesis Simple Share Icons in WooCommerce Products and Shop Page
By default when using Genesis Simple Share icons in WooCommerce products, the placement of these icons are not great. If you where to position the icons above or below the content in the Settings of Genesis Simple Share for WooCommerce Products, this is where they would end up… In a regular WordPress post the placement is fine…
Read MoreAdd a WooCommerce Sidebar with Genesis Simple Sidebars
Here is how to add a separate sidebar for WooCommerce pages using Genesis Simple Sidebars. One of the ways to make WooCommerce and Genesis play nicely is using a plugin called Genesis Connect for WooCommerce , but users are having issues with its code and from my own experience it is troublesome if also using Genesis Simple Sidebars,…
Read MoreSetting up SVG Fallback Images in WordPress
SVG images are almost 96% supported in browsers but need a bit of backward compatibility for the 4% of stragglers, out of the box WordPress does not support the upload of SVG images via the media loader but you can circumnavigate that by adding the image format to the list of allowed types. There is a…
Read MoreUpload SVG Images to WordPress Media Library
By default you cannot upload SVG images to the media library in WordPress as this format is not allowed by default. SVG which stands for Scalable Vector Graphics is not a new format but been around since 1999, but has taken time to be adopted by web standards and various browsers. Now it can be…
Read MoreCreate Equal Heights for Text Columns in a Row
To create equal heights for text columns in a row depending on data entered can be a CSS challenge, instead of futzing with CSS and height rules at different media queries there is a nice jQuery solution that automagically solves the layout aptly called… matchHeight. So in the above I am using custom post types with custom fields,…
Read MoreCreate a Masonry Layout on the Home/Blog Page in WordPress
WordPress already comes with Masonry either as pure Javascript or a jQuery plugin, here is how you can style a home blog page in a Masonry format with 3 columns. Enqueue the built in WordPress jQuery Masonry script and create a initiate file which targets our .home .entry posts. Add some CSS style for…
Read MoreCoding a Slider with Slick and ACF Pro in WordPress
Slick is a nifty jquery plugin that makes spiffy (yes I said spiffy) sliders, combined with Advanced Custom Fields Pro gallery field you can make an easy to use client interface to allow them to add images to a slider on a post/page or custom post type. The example slider in this tutorial will use…
Read MoreSocialising your Author Box in Genesis WordPress Theme
The Author Box in WordPress is sometimes overlooked and underused and it doesn’t display all the contact information entered such as Social Media contacts, this guide goes through turning it on, editing the contact meta info, using a new AuthorBox with the new contact info and using icon fonts to display those social media accounts. Turning on…
Read MoreAdd Fallback Featured Image in Genesis
To set a fall back featured image in Genesis if one is not set, you can use a parameter in the filter genesis_get_image, in the code below I want to target a particular category and use a dashicon icon if the featured image is not set. This icon (or image) will then appear on the archive page. The genesis_get_image…
Read MoreHow to find out which WordPress template is being used in a Theme
How do you quickly find out which template for a page or post in your WordPress theme is being used without systematically going through each template? WordPress uses a structure of templates formed in a hierarchy of importance, when one isn’t there it falls back to the next in the chain. Click for a closer look…
Read More