WP SITES

Progress Bar Percentage % On Scroll

This code extends the code in this tutorial which adds a horizontal scroll bar at the top of the Genesis site header. The jQuery includes

How To Make WooCommerce Shop Page Images Link To Other Websites

Good question asked recently about making the shop page product images link to external sites rather than the single product page. This

Show Progress Bar On Scroll Before Header In Genesis

This download provides which which adds a progress bar displayed on scroll. The progress bar accurately indicates how much of the

Using Odd Even Classes In Genesis Archives

This PHP code adds odd even classes to your posts in any archive type ( loop ) in any WordPress theme. [code] add_filter( 'post_class',

Genesis Template To Show Posts In Timeline Format

This template can be used on any archive type to displays posts in entries. As well as your front page, can use this template on your blog

Show Post Title On Image Hover – No Sidebar Pro Front Page

This solution displays the entry title centered over the featured image on hover. The entry meta including the author avatar are

No Sidebar Pro Entry Title Overlay Featured Image

This solution enables you to reposition the entry title over the featured image targeting the front page of the No Sidebar Pro child theme

Special Mobile Image After Header At Any Screen Width

This code enables you to add a custom mobile responsive image which replaces the featured image at a specific screen width. In this example,

Remove Essence Footer CTA From WooCommerce Pages

This code removes the Footer CTA widget from WooCommerce pages in the Essence Pro child theme by StudioPress. Code Installation

Custom WooCommerce Product Image

This solution enables you to modify the main single product image in WooCommerce. This main image is the image added via the Product

Add WooCommerce Product Images Using ACF

This code enables you to add product images using Advanced Custom Fields. You can add a unique product image on any Edit Product screen

Add WooCommerce Product Images Using WP Custom Fields

This code enables you to add your own custom image for each product. If no custom image is added, the placeholder image from Woocommerce is

if else

if .... else is used as a conditional statement or conditional expression which enables you to execute code if a specific condition returns

Conditional Genesis Post Info

This tutorial provides 2 different ways to modify what entry meta is displayed in the post info. If you want to modify the post info

Apply Parallax To Header Hero On Any Page Type in Essence Pro

If you want to apply the Parallax scrolling effect to the header hero on page types other than the front page, you'll need to make the code

Add Social Icons After Header Right Widget Nav Menu

This solution enables you to add social icons after the Navigation Menu widget in the Header Right widget area like this : On smaller

Add Social Icons Before Header Right Widget Nav Menu

This tutorial provides 2 solutions which enable you to add the Social Icons widget perfectly vertically aligned centre before the navigation

Load Ion Icons In Genesis

Add the following PHP code to the end of your child themes functions.php file. Related Tutorials Install Dashicons in