1. Content Source
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.
3. Slider Type
The famous, traditional Slider Revolution.
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?
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.
Slider will always stretch across the entire width of the screen.
Slider will always become the same size as the entire screen size.
4.1 Layers Grid Size
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
- 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.
- 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.