Create a Loop of Featured Images in a Slider from Posts in Genesis

slick-slider-featured-images-genesis

You can create a slider of Featured Images from the posts in Genesis by creating a custom loop and using Slick Slider. Setting Up Slick Slider First download and set up the Slick files needed, you’ll need to file these in…

Yoast SEO Error – Your homepage cannot be indexed by search engines.

The new WordPress SEO plugin from Yoast version 3 may leave an error on your WordPress dashboard saying “Your homepage cannot be indexed by search engines. This is very bad for SEO and should be fixed.” This is an error in…

Show Custom Post Types in Category Archive Page

By default WordPress custom post types do not appear in a category or tag archive page, to change this behaviour and display the custom post type you can add this filter/function to your themes functions.php file. function themeprefix_show_cpt_archives( $query ) { if(…

Position Genesis Simple Share Icons in WooCommerce Products and Shop Page

simple-share-shop-archive
Adding Simple Share Icons to Shop Archive 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…

Add 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…

Setting 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…

Upload 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…

Create 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…

Create 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…

Coding 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…