• HOME
  • DIVI BEGINNERS
  • TUTORIALS
  • TROUBLESHOOTING
  • SUBMIT A TICKET
  • HOME
  • DIVI BEGINNERS
  • TUTORIALS
  • TROUBLESHOOTING
  • SUBMIT A TICKET
home/Knowledge Base/2. Vivien Pro - Use Divi Visual/Vivien Pro – How to edit Carousel Slider

Vivien Pro – How to edit Carousel Slider

Recommended image size :1000 x 1500 px or 1000 x 1000 px (For best results upload images in the same size)

 

Slider carousel runs with Image Carousel Module For Divi plugin preinstalled.

If you haven’t installed it yet, you have to install it.

The first step is to install the plugin on your website. If you are new to WordPress and aren’t sure how to install a plugin then please check How to install a WordPress Plugin article.

 

Selecting Images for the Carousel

  1. Click on Enable Visual Builder in the top bar.
  2. Go to Module Settings > Content > Images.The Add Gallery Images button will open the WordPress Media Library. You can choose images already uploaded to the media library or upload new images here.

In this tutorial I show you how to change image sizes: https://bit.ly/3zjZzVZ

 

Changing Number of Slides and Scroll Settings

You can change the number of images in the carousel under Module Settings > Content > Elements > Slide Count.

You can change the number of slides that scroll when you press the Arrow icon or on Autoplay by changing the Slides Scroll setting. It is at Module Settings > Content > Elements > Slides Scroll

By default it is is set to 1. Meaning it will move one slide forward or backward depending on the arrow icon clicked. Changing it to 2 will move the carousel 2 slides.

 

Arrows and Dots Settings

By default the carousel will show dots and arrows. You can easily hide them by setting the Show Dots or Show Arrows option to No in the Module Settings.

They are present in the Elements setting group right under the Slides Count and Slides Scroll settings.

To change the color for the Arrow and Dots you can use Arrow Color and Dots Color settings. They are under the Carousel Elements setting group at Module Settings > Design > Carousel Elements.

Choose the layout

You can change layout (Default, Center Mode or Synced Slider).

Center Mode is a centered slick carousel centrat, that has the active slider scaled.

Infinite Animation

Infinite Animation setting is at Module Settings > Design > Carousel Animation.

Setting Infinite Animation to Yes will loop the carousel infinitely.

When the carousel reaches the last image it will start from the first image again. When Infinite Animation is disabled the carousel will stop at the last image.

 

Related Articles
  • Vivien Pro – How to configure Hero
  • Vivien Pro – How to edit Testimonials
  • Vivien Pro – How to edit Portfolio
  • Vivien Pro – How to edit Services
  • Vivien Pro – How to edit texts
  • Vivien Pro – How to edit images
2. Vivien Pro - Use Divi Visual
  • Vivien Pro – How to edit Carousel Slider
  • Vivien Pro – How to enable the Divi Visual Builder
  • Vivien Pro – Choose your Home
  • Vivien Pro – How to edit images
  • Vivien Pro – How to edit texts
  • Vivien Pro – How to edit Services
  • Vivien Pro – How to edit Portfolio
  • Vivien Pro – How to edit Testimonials
View All 8  

  Vivien Pro – How to edit images

Vivien Pro – How to configure Hero  

  • Privacy Policy
  • Terms of Use
  • Copyright 2023. All Rights Reserved.