Dike – Slide

This shortcode will create a simple slide container.

From the Dike elements

In order for this shortcode to work, you will need to add more item inside this shortcode

Configuration:

General tab:

  1. Extra class name: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your CSS file.

Carousel settings:

  1. Number of rows will be displayed
  2. Fade: Use fade effect or not
  3. Center Mode: Your active slide will be centered
  4. Vertical Mode: Slide direction will be vertical direction
  5. AutoPlay: Auto slide to next slide item
  6. Navigation: Show/hide Next & Previous buttons
  7. Navigation style: Set style for Next & Previous buttons
  8. Dots: Show/hide pagination dots
  9. Loop: If yes, then your slide will loop infinitely
  10. Slide Speed: Slide speed in milliseconds
  11. Margin: Space between items in pixels
  12. The items on…: Responsive breakpoints for some specific screen resolution

Design option tab:

This tab contains some advanced configs for custom layout, such as padding, margin, typography, custom CSS… Changing values on this tab is not recommended unless  you know exactly how its work.

 

Was this helpful to you?