Slides

Overview

The Slides widget allows you to create a slider inside page or posts without need of any other plugins. Inside this widget you have many options which allows you to design your slides as per your needs.

Options

Slides

  • Slides : This option allows you to add number of slides in your slider.
  • Background Type : This option allows you to add background for a slide. The options include color, background image, gradient.
  • Content Box Styles : This option allows you to customize the content by changing width, color, position etc.
  • Width : This option allows you to Background Color: This option allows you to set the background color of content inside slides. the width of content inside slides.
  • Horizontal Position : This option allows you to set the horizontal position of content inside slides.
  • Vertical Position : This option allows you to set the Vertical position of content inside slides.
  • Background Color : This option allows you to set the background color of content inside slides.
  • Padding : This option allows you to set the padding around the slide content.
  • Alignment : Set the alignment for the content eg. left, center, right.
  • Heading Styles : This option allows you style the heading of your slides.
  • Heading : This option allows you to insert the title for your slide.
  • Color : This option allows you to set the color for the title.
  • Typography : Set the typography eg. Font family, Font size, etc. for the heading.
  • Spacing : Set the spacing between heading and sub-heading.
  • Sub-Heading Styles : This option allows you style the sub-heading of your slides.
  • Sub-Heading : This option allows you to insert the sub-title for your slide.
  • Color : This option allows you to set the color for the sub-heading.
  • Typography : Set the typography eg. Font family, Font size, etc. for the sub-heading.
  • Spacing : Set the spacing between sub-heading and description.
  • Description styles : This option allows you style the description of your slides.
  • Description : This option allows you to insert the description for your slide.
  • Color : This option allows you to set the color for the description.
  • Typography : Set the typography eg. Font family, Font size, etc. for the description.
  • Spacing : Set the spacing between description and button.
  • Button Style : This option allows you style the buttons of your slides.
  • Name: You can insert text to the buttons of your slide.
  • Link : Set link to the button displayed.
  • Rel: The rel attribute specifies the relationship between the current element and the linked element.
  • Open Link in New Tab: Enable to open the specified link in new tab of your web browser or vice versa.
  • Stretch : Enable to set the button width as 100% of your display resolution.
  • Typography : Set the typography eg. Font family, Font size, etc. to the button displayed.
  • Alignment : Set the alignment of the button eg. Left, Center, Right.
  • Button Type: Choose the type of button you want to display. CLICK HERE to see the types of button
  • Button Size: Choose the size of button you want to display. CLICK HERE to see the size of button
  • Icon Style: Choose the icon you want to display.
  • Icon:  Select an suitable icon to display in button
  • Icon Alignment:  Set an alignment for icon. The options include left , right.
  • Space Between:  This option allows you to manage space between text and icon.
  • Border Style: Choose the border you want to display. CLICK HERE to see the types of border.
  • State:  Set the state in which you have to set a border. The options include normal, hover
  • Space Between : This option allows you to manage space between buttons.
  • Height : This option allows you to set the height of your slide.
slides1

Slider Options

  • Number of Items :  This option allows you to display how many slides should be display in one slide.
  • Space Between :  This option allows you to manage space between two slides.
  • Loop : Select this option an slides rotate in an infinite loop and without stopping
  • Autoplay : This option will start the rotating slides automatically.
  • Autoplay Timeout : This option stops the slider after specified time.
  • Autoplay Hover Pause : This option makes the slider pause when the mouse hovers over it.
  • Controls :  This option allows you to select type of controls you want to display in slider.
  • Arrows and Pager : Select this option to display both arrows and pager in your slider.
  • Arrows : Select this option to display only arrows in your slider.
  • Pager : Select this option to display only pager in your slider.
  • None : This option allows you to hide the controllers of your slider.
slides2

Arrow Style

  • Background Color :  This option allows you to manage background color of arrows.
  • Color :  This option allows you to manage the color of arrows.
  • Arrow Size:  This option allows you to adjust the size of arrow.
  • Background Size:  This option allows you to manage the size of background area of an arrow.
  • Background Shape:  This option allows you to manage the shap of background area of an arrow.
slides3

Pager Option

  • Color :  This option allows you to manage the color of pager.
  • Dot Size :  This option allows you to manage the size of pager.
  • Active Pager Color :  This option allows you to set different color for active pager.
  • Active Dot Size :  This option allows you to set different size for active pager.
  • Top Spacing :  This option allows you to manage spacing between slider and pager.
slides4
Was this helpful to you?