Table Of Contents

Tutor LMS Course Carousel Widget

How to Use Tutor LMS Course Carousel Widget

We who need to offer courses online should run Learning Management System (LMS) with the help of the Tutor LMS Course Carousel widget. Indeed, we need to display courses with some key facts. For example, the course title, duration, instructor, price and etc.

Tutor LMS

However, in the documentation below, you’re going to learn how to use the Tutor LMS Course Carousel widget for displaying courses online.

Step-1: Since Tutor LMS is a third-party plugin, you first have to install and activate the plugin.

installing Tutor LMS Course Carousel widget

Therefore, go to Dashboard > Plugins > Add New > then Search the Tutor LMS Course plugin (on the right side) > hit on the Install and Activate.

Step-2: Next, go to the Tutor LMS > Courses > Add New. As you can see in the image example below.

tutor lms plugin installation 2 - BdThemes

When you want to show a course using the Element Pack widget, don’t forget to add the course. It means that you’ve to add a course first.

Step-3: Go to Element Pack > 3rd Party Widgets > Tutor LMS > hit the Activate button > click on the Save settings button. Look at the image below.

tutor lms plugin installation 3 - BdThemes

Tutor LMS Widget: The process of displaying online courses

To Insert Widget

inserting Tutor LMS Course Carousel widget

Inserting a widget, it is just a matter of dragging and dropping. As you see in the screenshot above, drag the Tutor LMS Course Carousel widget inside your page.

Content Tab

The Content Tab having some handy sections will genuinely get you to have a structure of the Tutor LMS Course Carousel widget.

Layout

1 2 - BdThemes

Simply, go to the Content tab > Layout.

In this section, you can determine the column number, select image size, and adjust item height to create the perfect arrangement for you to create online course. Keep your eyeballs on the screenshot placed above.

Moreover, you will find some On/Off switchers that will help you to manage content, for example, title, image, etc.

Mostly, in case you enable the switcher Pagination, you can show pagination below the grid. On the contrary, you will be to hide.

Now, come to switcher Avatar. Enabling this switcher, you might show the logo.

Just, check the rest of the repeaters.

Query

This section works for setting the source location of data that you need to display by the reference like Author, Categories, Tags, and Formats. The references can be different in accordance with the source location. Read more 

2 2 - BdThemes

For example, 

A.  Go to Query > Source > Manual selection.

B. Then, write the category name in the Categories field.

C. After that set the limit.

D. Order By and Order controls are here to arrange the data you want to display through Random, Title, Date, or category wise and can also define order with ascending or descending.

Navigation

1 3 - BdThemes

Go to the Content tab > Navigation. Also, you can determine the position of the arrows or dots. See there is a switcher button that will allow you to hide/reveal navigation arrows and dots on Mobile mode.

1 4 - BdThemes

Go to the Content tab > Carousel Settings.

In this section, you’ll be able to select the layout Carousel/ Coverflow. Additionally, you can use on/off switcher buttons to manage the carousel content.


Style Tab

Now, let’s work with the Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you require to design the Tutor LMS Course Carousel widget. 

Styling with the tab in Elementor will always give you a fantastic experience.

Let’s have a look.

Item

1 5 - BdThemes

Generally, you can border and radius. Importantly, you will be able to add background color and box-shadow in both Normal and Hover mode.

Header

1 6 - BdThemes

This section includes sub-section Image, Meta Label, Wishlist Meta. Just, use the controls and style.

1 7 - BdThemes

Image: From here, you can add a radius to the image.

1 8 - BdThemes

Meta Label: This sub-section will let you add text color and background color along with border type, radius, padding, and typography.

Content

1 9 - BdThemes

Look, there are four tabs in the content section. That is are Rating, Title, User Meta, and Author. Under the tabs, you can style the specific content.

1 10 - BdThemes

Normally, from the footer section, you can add a background color to the footer. Utilizing this section, you have a chance to style the footer. Mostly, in terms of the Price and Cart button.

Navigation

2 3 - BdThemes

Go to the Style tab > Navigation and style using the controls.

Video Assist

In conclusion, it seems that you’ve read this article and found it very useful. If you want to know more about the Tutor LMS Course widget, you can watch the video on Tutor LMS Course Carousel by Bdthemes and also go to our demo page.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design. 

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.