The Slides widget allows you to quickly create simple slides that work perfectly, without a fuss.
Content
Slides
Shows the list of slides. You can drag and drop them to change their position, duplicate, delete or add a slide. When you click on a single slide, its options open up. Each slide has Background, Content and Style settings.
Background
Color: Set the background color for the slideImage: Choose an image from the media library
If an image is chosen as a slide background, additional options appear:
Size: Choose whether to display the background as cover or auto. The auto image is for situations where you have the exact sizes needed, and also where you would want the entire image to appear in the slider. The cover size is for more abstract and atmospheric images, where the showing of the entire image is less important.Ken Burns Effect: Choose YES to enable this popular zooming effect on the background image.Background Overlay: Choose YES to set a background overlay that will appear on top of the image. If set to YES, you have the option of choosing the overlay』s color.
Content
Title & Description: Insert the title and description for the slideButton Text: Set the text for the buttonLink: Add a URL the slide or button will link toApply Link On: If a link is set, this option appears. Choose if the link applies to only the button or to the whole slide
Style
Styling for individual tabs is OFF by default, relying on the global styles which are set on the widget』s Style tab. If you wish to override the global slide styles, turn the Custom switch to ON. This will enable you to set custom styles for that individual slide. The custom styles for individual slides are:
Horizontal Position: Position the content horizontally: Left, right or centerVertical Position: Position the content to the top, middle or bottomText Align: Align the text left, center or rightContent Color: Choose the color of the contentHeight: Set the exact height of the slide in either PX, VH, or EM
Slider Options
Navigation: Choose to display arrows, dots, both or nonePause on Hover: Make the slide pause when the mouse hovers over itAutoplay: Get the slides to rotate automatically, according to the speed you setAutoplay Speed: Set the time it takes for the slide to start rotatingInfinite Loop: Have the slides rotate in an infinite loop and without stoppingDirection: Choose a direction for the slider as left or rightTransition: Set the transition of the slides as slide or fadeTransition Speed: Set the time it takes for the slides to rotateContent Animation: Set the animation effect of the content』s display when the slide is shown: None, Down, Up, Right, Left, or Zoom
Style
Slides
Content width: Set the width of the content inside the slidePadding: Set the inner spacing between the edge of the content and the edge of the slideHorizontal Position: Set the position of the content as right, left and centerVertical Position: Set the position of the content as top, middle or bottomText Align: Align the text to the right, left or centerText Shadow: Add a shadow and blur to the text
Note: If an individual slide has Custom styles set, these global styles will have no effect upon that slide.
Title
Spacing: Set the spacing between the title and the descriptionText Color: Set the color of the titleTypography: Set the typography of the title
Description
Spacing: Set the spacing between the description and the buttonText Color: Set the color of the descriptionTypography: Set the typography of the description
Button
Size: Set the size of the button, from extra small to extra largeText Color: Set the text color for the buttonTypography: Set the typography of the buttonBorder Width: Set the border width of the buttonBorder Radius: Set the border radius, to control corner roundness
Normal State / Hover State
Text Color – Set the text colorBackground Color – Set the background color of the buttonBorder Color – Set the border color of the button
Navigation
Arrows
Arrows position – Set the position of the arrows inside or outside the sliderArrows size – Set the exact size of the arrowsArrows color – Set the color of the arrows
Dots
Dots Position – Set the position of the dots inside or outside the sliderDots size – Set the exact size of the dotsDots color – Set the color of the dots
Note: Autoplay is affected by Google』s Autoplay policy on Chrome browsers.
Note: Using Elementor template shortcodes within the widget may sometimes work, but it is not a supported feature.
Advanced
Set the Advanced options that are applicable to this widget