Image Carousel Element

The Image Carousel Element will provide a unique display of the image gallery to stun your visitors with charm and elegance. Add multiple images to build the most stunning and capable image galleries using the following advanced options available. 

Content Tab

Image Carousel 

  1. Add your images here. Select which images you want to include from the library or upload them and click on Create Gallery 
  2. Image Size - Set the image size from thumbnail to full 
  3. Slides to show - Choose the number of slides you want to be shown at once. This option is available in Desktop, Tablet, and Mobile view 
  4. Slides to Scroll - Select the number of slides to scroll per swipe
  5. Image Stretch - Choose if you want your images to be stretched 
  6. Navigation - Select if you want to add navigation to your carousel Arrows, Dots, Both, or None 
  7. Link - Select if you want your images to be linked to media or a custom URL 
  8. Caption - Choose to add a caption to your images, select either Title, Caption, Description, or None 

Additional Options

  1. Autoplay - Select if you want your slides to rotate automatically 
  2. Pause on Hover - Select if you want your slides to pause when the user hovers over them 
  3. Pause on Interaction - Select if you want your slides to pause when the user interacts with them 
  4. Autoplay Speed - Set the time interval from where the next slide will be displayed 
  5. Infinite Loop - Choose to show the carousel on an infinite loop 
  6. Animation Speed - Set the speed on the slide animation in milliseconds 
  7. Direction - Choose if you want your slides to come from the Left or Right 

Style Tab

Navigation 

Arrows
  1. Position - Decide if you want the arrows to be Inside or Outside the image carousel 
  2. Size - Set the size of the arrows 
  3. Color - Pick a color for the arrows 
Dots
  1. Position - Decide if you want the dots to be Inside or Outside the image carousel 
  2. Size - Set the size of the dots
  3. Color - Pick a color for the dots 

Image

  1. Vertical Align - Position the images either at the Start, Center, or End 
  2. Spacing - Set the spacing between slides. You can pick the Default or Custom spacing. This option will only appear if you select a quantity larger than one in the Slider to Show option 
  3. Border Type - Choose a border for the images inside the carousel. Select one from the options available like Solid, Double. Dotted, Dashed, or Groove, then put the width value for the border as well as the color. 
  4. Border Radius - Set the border-radius to make the images rounder  

Set the settings for the Advanced Tab that is appropriate for the element. 

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.