How To Use Tutor LMS Carousel Widget By Element Pack Pro

  • BdThemes
  • How To Use Tutor LMS Carousel Widget By Element Pack Pro

Table Of Contents

How To Use Tutor LMS Carousel Widget By Element Pack Pro

In this documentation, we will show you how to customize the Tutor LMS Carousel widget presented by Element Pack Pro.

Activating the Tutor LMS Plugin

Activating the Tutor LMS Plugin

Go to WP Plugin Dashboard > Add Plugins > Search The Plugin Name > Install and Activate the Plugin.

Activating The Tutor LMS Carousel Widget

Activating The Tutor LMS Carousel Widget

Go to WP Element Pack Pro Plugin Dashboard > 3rd Party Widgets > Search The Widget Name > Activate The Tutor LMS Carousel Widget > Hit the Save Settings button and the Widget will appear on your Elementor Editor page.

Inserting The Tutor LMS Carousel Widget

Inserting The Tutor LMS Carousel Widget

Open your page in the Elementor editor, search by the widget name, and then drag and drop it on the page.

Note: You need both Elementor and Element Pack Pro installed to use this widget.

Content Tab Customizations

Layout Section

Go to Content > Layout

Layout 7 - BdThemes

Come to the Layout section and find the Columns, Column Gap, Image Resolution, and Item Height options.

Also find the Meta Label, Wishlist Meta, Rating, Title, User Meta, Avatar, Author Name, Category, and, Price/Cart Button switcher options to show and hide those elements on your page.

Query Section

Go to Content > Query

Step-1

Query1 1 - BdThemes

Find the Source (Posts, Pages, Landing Pages, FAQ, Portfolio, etc.) options. Here we select the Course to show the Tutor LMS Course.

Step-2

query2 1 - BdThemes

Also, find the Limit, and Include Include By and Terms filters. Include filter helps show only selected posts/courses.

Step-3

Query3 1 - BdThemes

The exclude filter does exactly the opposite of the Include filter and helps hide selected posts/courses.

Step-4

Query4 1 - BdThemes

Then find the OffsetDateOrderBy, Order, Ignore Sticky Posts, and Only Featured Image Post options.

The Query ID field is for applying custom queries on WordPress.

Navigation Section

Go to Content > Navigation

Navigation 1 - BdThemes

Come to the Navigation section, and find the Navigation Type(Arrows and Dots, Arrows and Fraction, Arrows, Dots, Progress, and None), Navigation Position(Top Left, Top Right, Top Center, Center, Center Left, Center Right, Bottom Left, Bottom Center, and Bottom Right), and Navigation Icon options.

Here also find the Show Scrollbar, and Hide Arrow on Mobile switchers to show and hide the Elements on your page.

Carousel Settings Section

Go to Content > Carousel Settings

Carousel Settings 1 - BdThemes

Here find the Layout Style(Carousel, and Coverflow), Autoplay Speed, Slides to Scroll, and Animation Speed options.

Also find the Autoplay, Pause on Hover, Center Slide, Grab Coursor, Drag Free Mode, Loop, Observer, and Show Hidden Item switcher to show and hide those Elements on your page.

Work with The Style Tab

Item Section

Go to Style > Item

Step-1

item1 2 - BdThemes

Come to the Item section, you will find two tabs section; Normal and Hover.

In the Normal tab section, find the Background Color, Border Type, Border Color, Border Width, Radius, and Box Shadow options.

Step-2

item2 2 - BdThemes

In the Hover tab section, find the Background Color, Box Shadow, and Match Padding options.

Header Section

Go to Style > Header

Step-1

Header1 1 - BdThemes

Come to the Header section, you will find two sub-sections; Meta Label and Wishlist Meta.

In the Meta Label section, you will find another two tabs section; Normal and Hover.

In Normal mode, find the Image Radius, Meta Label Color, Background Color, Border Type, Borer Width, Border Color, Radius, Padding, and Typography options.

Step-2

Header2 1 - BdThemes

In Hover mode, find the Meta Label Color, Background Color, and Border Color options.

Step-3

Header3 1 - BdThemes

In the Wishlist Meta section, you will find another two tabs section; Normal and Hover.

In Normal mode, find the Wishlist Meta Color, Background Color, Border Type, Borer Width, Border Color, Radius, Padding, and Typography options.

Step-4

Header4 1 - BdThemes

In Hover mode, find the Wishlist Meta Color, Background Color, and Border Color options.

Content Section

Go to Style > Content

Step-1

Content1 - BdThemes

Come to the Content section, find the Background Color, and Padding options.

Here also you will find Four sub-sections; Rating, Title, user Meta, and Author.

In the Rating section, find the Rating Color, Icon Spacing, Typography, and Spacing options.

Step-2

Content2 - BdThemes

In the Title section, find the Title Color, Hover Color, Typography, and Spacing options.

Step-3

Content3 - BdThemes

In the User Meta section, find the Color, Typography, and Spacing options.

Step-4

Content4 - BdThemes

In the Author section, find the Avatar Color, Avatar Background Color, Width, Radius, Typography, and Spacing options.

Here also find the Author Name/Category Color, Hover Color, Sub Text Color, and Typography options.

Footer Section

Go to Style > Footer

Footer1 1 - BdThemes

Here find the Footer Background Color, Border Type, Border Width, Border Color, Padding, Typography, and Price Color options.

Footer2 1 - BdThemes

In the Cart Button section, you will get two tabs section; Normal and Hover.

In Normal mode, find the Cart Button Color, Background Color, Border Type, Borer Width, Border Color, Radius, and Padding options.

Footer3 1 - BdThemes

In Hover mode, find the Cart Button Color, and Background Color options.

Navigation Section

Go to Style > Navigation

Step-1

S.Navigation1 1 - BdThemes

Come to the Navigation section, you will find two tabs section; Normal and Hover.

In the Normal Mode, you will find the Navigation Color, Background Color, Border Type, Border Radius, Padding, Size, Space Between Arrows, Box Shadow, and Arrows Horizontal Offset options.

Step-2

S.Navigation2 1 - BdThemes

In the Hover Mode, you will find the Navigation Color, Background Color, Box Shadow, and Arrows Horizontal Offset options.

All done! You have successfully customized the Tutor LMS Carousel widget on your website.

Video Assist

You can also watch the tutorial video about the Tutor LMS Carousel widget. Please visit the demo page for examples.

Thanks for staying with us.

Take advantage of fine-tuned plugins

Get Customizable Elementor Widgets to Power Up Your Website

Take advantage of fine-tuned plugins to speed up web projects without sacrificing quality. We offer a 14-days money-back guarantee.
BdThemes is the sole owner of #1 market-leading addons for Elementor such as Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit, Pixel Gallery, and more useful plugins. This website is powered by Element Pack Pro and Rooten Theme.
Need any further assistance? Call Us:+880 1700 55 95 95
Our supported payment system and security badge