Image Slider

Showcase a selection of images using a slider with the Image Slider block.

Size - Select the size of the images displayed in the image slider as Large, Extra Large.

Gutter - Adjust the spacing between the images of the image slider.

Radius - You can set the radius width of the corners of an image.

Custom Width - Turn on to assign custom width to the images of the image slider.

Width in pixels - Adjust the width of the images when the Custom Width setting is turned on.

Heights in Pixels - Adjust the height of the images in the image slider.

Small Images - Toggle to display small sized images in the image slider.

Thumbnails - Toggle to display thumbnail images below the main images in the image slider.

Lightbox - Toggle to enable the image lightbox.

Arrow

Color- Select the color of the arrow in the image slider.

Background Color- Select the background color of the arrow in the image slider.

Background Opacity - Adjust the background opacity of the arrow in the image slider.

Background Radius - Adjust the background radius of the arrow in the image slider.

Border

Border Color - Select the border color of the images in the image slider.

Border Style - Select the border style of the images as Solid, Dotted, Dashed.

Border Size - Adjust the border size of the images in the image slider.

Slider Settings

Carousel tab offer options to customize the image slider. The options are –

  • Autoplay

  • Draggable

  • Free Scroll

  • Arrow Navigation

  • Dot Navigation

  • Align Cells

Last updated