Looking for mind-blowing effects? 🤯 Explore Slider Revolution's advanced WebGL animations


1. Content Source

Default Slider

A slider that usually contains images from your WP Media library, where slides are created and managed individually.

Social & Video Streams

Full tutorial for setting up a Special Content Source slider such as Instagram, Facebook, YouTube, WooCommerce and more:

2. Slider Title & ShortCode

Where the slider’s Title and Alias are defined, and also where the auto-generated ShortCode can be copied and later pasted into the content area of one of your site’s pages.

Alias Naming:

The slider's "Title" can be anything, but the "Alias" should not have any special characters or spaces (but dashes and underscores are ok).

3. Slider Type

Standard Slider

The famous, traditional Slider Revolution.

Hero Scene

Essentially a “one slide” Slider.  When selected, multi-slide options such as navigation, autoplay, etc. will be hidden from the slider’s main settings automatically.

Will your slider end up having more than one slide?

Choose "Standard Slider" instead for your official Slider Type.

Carousel Slider

When selected, a new Carousel Settings section will become visible where you can setup a wide variety of carousel views.

3.1 Preset Settings

Load a settings preset template for your current slider, or save the slider’s currently selected settings as a preset template to be used for future sliders.

4. Slider Layout

The default “responsive” layout.  The slider will always inherit the width of its immediate HTML container, allowing it to fit seamlessly inside your theme’s page layout.

Full Width

Slider will always stretch across the entire width of the screen.

Full Screen

Slider will always become the same size as the entire screen size.

4.1 Layers Grid Size

Desktop Large The default Canvas Size for your slider's content.

The default Canvas Size for your slider's content.

4.2 Custom Grid Sizes

Use Custom Grid Sizes to enable  CSS Media Queries for your slider’s content.

In order to enable the ability to design content for multiple screen sizes, you first need to set the “Custom Grid Size” to “On” as shown in the screenshot above.

4.3 Advanced Layout Options

Auto/Full-Width Options

  • 1. Overflow Hidden - Useful for Carousel sliders. Otherwise, if you have any content that's placed outside the main slider, leave this "Off".
  • 2. Respect Aspect Ratio - The "Layers Grid" height essentially acts as the "max-height" for the slider. But setting the "Respect Aspect Ratio" option to "On" will allow the slider's height to expand beyond this value (effectively disabling a "max-height" for the slider).
  • 3. Min. Height - Sometimes a slider can be quite wide with a short height. But then when the slider is resized down, the short height may become too short. In these cases, applying a "min-height" value will ensure that the slider never becomes too short when its resized down.
  • 4. Max. Width - Useful for restricting the slider's width. For example, if the slider's width is covering the entire width of the screen, but you want the slider's width to match your theme's boxed container instead, you could enter a number such as "960" here, and then then slider's width would never advance past 960px wide.

Full-Screen Options

  • 1. Min. Height - Apply a minimum height in pixels to your FullScreen slider, ensuring that the slider's height is never smaller than this number.
  • 2. Disable Force Full Width - Useful for sites with a main menu placed at the left or right side of the page.
  • 3. Containers - Useful for placing a "FullScreen" slider in between your page's header menu and footer (see note in screenshot for common examples).
  • 4. PX or % - Reduce the slider's height by a specific amount of pixels or percentage.

Popular Solutions

[ess_grid alias="wp-popular-solutions"]
Impressum | Datenschutz