Sliders

This article was last updated on the December 21, 2016.

With X, you can add any slider created with the Revolution Slider either above or below the masthead. This functionality allows you to have different sliders above or below the masthead per page. In this article we’ll primarily cover setting the slider. If you’d like to learn more about how Revolution Slider is integrated within X you can read our integration article.

Getting Started

First up make sure you have created at least one slider in Revolution Slider which you’ll set to show on your page. If you haven’t created a slider yet, you can always download and import a demo slider from here. Once you’ve downloaded the slider you can import that via wp-admin > Slider Revolution > Import Slider and pick the zip file you just downloaded with the demo slider.

Setting Your Slider

Now you have a slider set up, let’s explore the options. Go to wp-admin > pages click on any page you want to edit and add a slide to. Or create a new page

On your page scroll down to the end and you’ll see two options called Slider Settings: Above Masthead and Slider Settings: Below Masthead.

Slider Settings X

Click in the drop down box and select which slide you want to use:

Slider Settings: Above Masthead select

Once you’ve selected the slide you want to use, you’ll then see additional slide options like this:

Slide Options

You don’t actually need to set any of these options, as long the slider has been setup you can ignore these additional options. Though of course you can configure them as you wish. For the purpose of this article we’ll going to leave them un-configured.

Before we save our page it looks like this with no slider

No Slider

Once you’ve saved your page, you’ll see the slider now appearing above the masthead section like this:

Slider Above masthead

If instead you set the below masthead slider option, your page would look like this:

Slider below masthead

As you can see with the slider below the masthead section, it shows below both the navigation and breadcrumb sections (if enabled).

Congrats! You’ve now learned how to add and configure your masthead sliders.