General slider Settings

Iride Slider settings

In this pane the Name of the slider can be changed from the default one to something that will remind you of the content it holds.

You can also change the Size of the slider. There are a few options that can be used:

  1. Set both width and height
    The slider will be exactly the size you chose adapting to smaller screens as necessary preserving proportions
  2. Set only the width leaving the height field empty
    The slider will determine the height according to the average height of the images. It will adapt to screen sizes as in case 1
  3. Set only the height leaving the width field empty
    The slider will stretch 100% of its container’s width with the chosen height. This is useful to have the slider adapt to the width of the screen size but preserving the height.
  4. Leave width and height field empty
    The slider will stretch 100% of its container’s width and will determine the height according to the average height of the images. We suggest, for more predictable behavior and best performance, to always state a width for the slider. Some features as responsive image loading are not possible if no width is stated.

After you have chosen your slider’s size you can set the Alignment on the page relative to the rest of the content.

The Margin setting will determine how much space there will be around the slider to separate it from the rest of the content on the page. This value can be from 1 to 4 digits separated by a space as per css format.

In the Animation setting you can choose the transition animation between slides and the interval between each slide transition. Leaving this field empty will deactivate the automatic transition. This interval is set in seconds.

The Transform settings allows you to rotate the slider in a 3D perspective giving more depth to your images and website.

At the end of this pane you can find the shortcode for the selected slider. To add sliders to a theme post, page or widget area follow the instruction How to use the sliders.

Was this helpful?