Add Slider To Front Page of Atmosphere Pro

This tutorial provides the code you can use to add a slider to the front page of the Atmosphere Pro child theme by StudioPress.

The code is dependant on the use of the Soliloquy plugin.

Here’s a look at the slider added after the header on the home page of the theme:

There’s a gap after the slider before the front-page-1 widget area which you can also remove if needed simply by adding a few lines of CSS to the end of your child themes style.css file. The CSS to do this is also included in this tutorial.

Here’s the step by step instructions & code for logged in members: