Slider Tutorials

The tutorials in this archive focus mainly on adding a slider or slide show in specific StudioPress & Genesis child themes. You'll also find many more tutorials relating to the use of sliders which aren't included in this archive as they haven't been tagged. The code in every tutorial is guaranteed to work as shown in the demo images and videos. Installation of all code as well as support for PHP code is provided for members.

Add Dark Overlay To Slider Images

This tutorial includes a solution which enables you to add a darkened overlay to your slider images. In this case, we use the Soliloquy Lite

Slider In Essence Pro Header Hero – New Version

This tutorial, written for the latest version of Essence Pro, includes the code which enables you to replace the header hero image on the

Genesis Template For ACF Repeater Fields

This template for Genesis child themes includes the code to display your Advanced Custom Fields repeater fields in a custom loop. In this

Replace Image With Slider In Revolution Pro Themes Home Page

This tutorial provides the steps which enable you to replace the home page image with a responsive slider like this - Demo Video Shows

Full Width Slider Between Footer Widgets & Footer

This code enables you to add a full width of screen slider between your footer widgets and your footer ( containing your footer credits )

Kreativ Pro Front Page 1 Slider

This code replaces the background image for the front page 1 widget area with a slider show in Kreativ Pro. Demo Video # Shows the front

Slider Behind Site Header & Home Featured Widget In AgentPress Pro

This solution replaces the background image which that displays behind the site header and home featured widget area with a slider. The

Multi Item Slider For Genesis

This multi item slider is hand coded using PHP specifically for Genesis child themes. The slider enables you to display multiple

Wellness Pro – Replace Front Page 1 Widget Area With Slider

This solution uses the Soliloquy slider to replace the front page 1 widget area so you can add captions to each image as seen in the demo

News Pro Slider Behind Site Header Elements

This solution adds a slider behind the site header elements of the News Pro theme by StudioPress. In this case it uses the Soliloquy slider

Essence Pro – Replace Hero Image On Front Page With Revolution Slider

This tutorial provides the code which enables you to replace the header hero image on the front page of the Essence Pro child theme with the

Modify Genesis Responsive Slider

This code enables you to modify the Genesis Responsive Slider widget output via your child theme. In this case, the link for each title

Replace Hero Image With Soliloquy Slider Premium In Essence Pro Hero Section

This version works with both the free and premium version of Soliloquy slider. It replaces the hero image with the slider on desktops and

Replace Hero Image With Soliloquy Slider In Essence Pro Hero Section

This solution replaces the hero image on the front page of the Essence Pro child theme by StudioPress. It only replaces the image on

Replace Essence Pro Hero Image With Slider

This solution enables you to replace the hero image with a slide show like you see in the following demo video : Demo Video # Shows the

Genesis Responsive Slider – Include Multiple Post Types

This code enables you to include entries from multiple post types in the Genesis Responsive Slider. By default, the slider settings only

Infinity Pro Replace Front Page 1 Widget With Soliloquy Slider

This tutorial enables you to replace the front page 1 widget area with a slider. The download folder includes code to add a responsive,

Replace Featured Image With Slider On Archive Pages

This download includes 3 files which do the following : The 1st file single.php contains code which enables you to add a slider before

Add Slider To Authority Pro Themes Front Page

This tutorial helps you add a slider to the front page template in the Authority Pro theme by StudioPress. In this case we replace

Add Slider To Infinity Pro Front Page 1 Widget Background

This solution replaces the background image behind the front page 1 widget area in Infinity Pro with a slider like this : The