Please note, this is a STATIC archive of website www.themepunch.com from 28 Sep 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Slider Setup

Contents

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).
slider-title-alias-2

The famous, traditional Slider Revolution.

slider-type-options

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.
hero-scene
carousel-slider

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

carousel-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.

settings-presets
settings-presets-2

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-layout

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

full-width

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

full-screen
layer-grid-size
Desktop Large

The default Canvas Size for your slider's content.

Click the image below for larger view

responsive_slider
layer-grid-size

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.

Then once you’ve activated at least one “Custom Grid Size”, when you edit a slide, you can set different styles (such as varying font-sizes) for each enabled “Custom Grid Size”.

switch-viewports
advanced-options-1
  • 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.
advanced-options-2
  • 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.