# Courses Carousel

The **Courses Carousel** **Widget** is used to create the custom slider with LMS courses.

### Using the Courses Carousel widget

Go to your site and start editing the page with Elementor.

### Step 1

Select the **Courses Carousel** widget from the menu bar on the left-hand side of your screen then drag and drop it in the selected area.

![](https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2FRTKcBoJXPYwz4ps6rJam%2FLMS%20Starter%20-%20Courses%20carousel%20add.png?alt=media\&token=0f50bc07-e8ef-414e-9c74-05a5da71d4c4)

### Step 2

Under the Content tab, it is required to adjust the settings of the slider to show the navigation buttons, and it is possible to show the courses by selecting categories.

![](https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2FMyAYSQeoevIlsxihCDv5%2FLMS%20Starter%20-%20Courses%20carousel%20added.png?alt=media\&token=09d4ae1a-4ebb-4530-bb4d-478f40fe75b7)

### Step 3

Now, by clicking on the Style Tab you can customize the text color, typography, margin, padding, and many more for Slider items:

![](https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2FO7XUh47lCq0O4AqKuOUm%2FLMS%20Starter%20-%20Courses%20carousel%20style.png?alt=media\&token=3695810e-a23b-40c5-8ddd-7739ea65eb69)

Finally, after completing all the customization click on ‘Publish’ to see your work live.

<figure><img src="https://687718835-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FBP5ah3ZU6B3thBHJbnWV%2Fuploads%2Fcn19q29w5RIWoNUmVIcq%2Fcourses%20carousel.gif?alt=media&#x26;token=faca3de3-3537-4f65-8ce1-599d93337522" alt=""><figcaption></figcaption></figure>

Great job! You have done it successfully.