Quix PRO 2.1 is here!

Documentation

Find articles, step-by-step instructions, and advice for getting the most out of ThemeXpert.com

Edumodo

Key Features

  • 7 Homepage style
  • Drag & Drop page builder – Elementor
  • LearnPress LMS integration
  • Sensie LMS integration
  • LearnDash integration
  • Built-in course and lesson type
  • Multiple course style : Grid / List
  • Multiple teacher style
  • Course details page style with pagebuilder
  • Teacher page details style with page builder
  • Notice page
  • Contact form 7 integration
  • weForm integration for course booking
  • WooCommerce support
  • Apple TV effect
  • Event calendar integrations
  • Event listing and details page style
  • Testimonial widgets for pagebuilder
  • Redux2 Framework
  • CMB2 metabox integration
  • Bootstrap framework
  • Full responsive
  • Megamenu
  • Array of built-in page
  • Dynamic navigation
  • Quick Social sharing
  • Animation slider
  • Instagram integration
  • 1 click installation and dummy data import
  • Mailchimp integration
  • Huge shortcode collection
  • Customization
  • Flexible blog layout option
  • Fast and Excellent support

Requirements

In order to run Edumodo smoothly on your server, you need to fulfill this requirement listed below:

  • Wordpress: 3.9+
  • Elementor Page Builder

Download

Head over to Edumodo download page on www.themeforest.net then download the EdumodoPackage.zip file. In this .zip file, you have everything you need.

Installation

Installing WordPress

To install this theme, you must have a working version of WordPress already installed on your server. If you need help installing WordPress, go through the link and follow the instructions: Installing WordPress

Installing Theme

There are a couple of simple steps to install Edumodo theme on your server. It's quite straightforward.

If you are starting from the scratch, we recommend you to follow the installation guide below to install with the pre-built existing demo data. This is the simplest way to get started.

On the other hand, if you already have an existing WordPress site and want to apply Edumodo theme, in that case, you just need to install the following package:

  • edumodo.zip

You can find this package inside the downloaded .zip file of Edumodo theme. So, before getting started with the installation process, Extract the .zip file and you'll find the desire edumodo.zip in the Theme folder after the extraction.

  • Log in to the WordPress Administration Panels.
  • Now, go to Appearance> Themes> Add New> Upload Theme then click on the Choose File button then select the edumodo.zip file and hit upload.
  • After installation being done, roll over to Appearance> Themes.
  • Find just uploaded theme on the Theme Thumbnail area.
  • Click the Activate button below to the theme's thumbnail, to set it as default.

Do not forget to Activate the theme as default after installation process successfully been done.

To know more, visit WordPress Codex

Active Required Plugins

There are twelve plugins, required for Edumodo theme to work properly. Those are listed below:

  1. Edumodo Core: theme core functionality (CPTs and shortcodes).
  2. Elementor Page Builder: Drag and Drop page builder.
  3. Redux Framework: Used to build its backend admin panel.
  4. CMB2: For building meta boxes.
  5. WPForms : For creating contact form.
  6. One Click Demo Import : One Click Demo data importer.
  7. LearnPress : Comprehensive LMS Plugin for WordPress (optional)
  8. The Events Calendar : For creating Events (optional)
  9. WooCommerce : For selling goods online (optional)
  10. The Widget Importer & Exporter: For import and export widgets.
  11. Contact Form 7 : Creating Contact Form (optional)
  12. Widgetkit for Elementor: For creating stylish sections.

To activate those required plugins, simply go to Plugins

  • Select all those required plugins.

You can use the search module to find the desired plugins. The search box can be found on the right-top side of the module.

  • Select Activate from the drop-down menu just above the list of plugins.
  • Click to the Apply button next to the drop-down box and you are done.

To know more about the installation process of plugins, visit here: WordPress Codex

If there is any problem with automatic plugin installation, install them manually. You can find plugin bundle in your theme's /lib/plugins subdirectory. WooCommerce and Contact Form 7 can be found in WordPress plugins repository, install them through Plugins Screen

You might need some more plugins installed and activated, according to the demo you want to import.

Permalink Flash

Before importing data it is very much important to flash permalink. Or else your site with imported dummy data may not look exactly like demo. To flash permalink

  • Go to Settings > Permalink
  • From Common settings choose Post name and click save changes.

Now you can import demo data perfectly.

Import Demo Data

Demo Data

  • Chose the layout and click on Import button.

Before importing demo you must have the required plugins activated for the specific demo.

  • Click on Yes, import.

Demo Data

It will take some times to load all demo data on your server. Wait till it shows you a successful data importing message.

Theme Settings

You can differently customize theme according to your need using Easy Customization feature.

  • Click on Edumodo at left-bottom corner of the module screen to open up Theme Setting panel.

General Settings

Global Settings

  • Back-to-Top Button : This option allows you to enable or disable “back to top button”. By clicking in this button user will be able to move to top without scrolling.
  • Select Back-to-Top Style : Select the style for your back to top button from here. There are a total of two different styles available for this button.
  • Hide On Small Device : If you do not want to show “Back to Top Button” on your mobile devices or any small devices than turn this option on.
  • Enable Header : Allows you the control over enabling or disabling header for your site.
  • Enable Breadcrumb : Allows you the control over enabling or disabling breadcrumb for your site.
  • Archive Page Breadcrumb Title : From here you can set custom title for archive page breadcrumb.
  • Enable Header in Single Post : Allows you to enable or disable header in the single post.

Header options

Header Options

  • Select Header : Select your preferred header variation from here. The one you will select will be visible on your site.
  • Logo : Upload your branding logo using the Upload button.
  • Transparent Logo : Upload your transparent branding logo using the Upload button.
  • Sticky Header : Make your header sticky by enabling this option.
  • Transparent Header : With this option you can make nav and header transparent, which are on homepage only.
  • Custom Header : To customize header enable this option else keep it disabled.
  • Menu Area Height : Customize the height of menu area of header from here.
  • Header Area Height : Customize the header area height from here.

Menu options

Header Options

  • Main Menu : Customize your main menu typography from here. You can change font, weight, style, size and line height from here.
  • Menu text Color : Apply preferred color to your menu text color from here, you can even make it transparent by ticking on transparent option.
  • Transparent Menu Text Color : Apply preferred color to your transparent menu text from here, you can also make it transparent by ticking on transparent option.
  • Menu Background Color : Apply preferred color to your menu background color from here, you can even make it transparent by ticking on transparent option.
  • Menu Hover/Active Color : Select your preferred menu hover color from here, or make it transparent by ticking on transparent option.
  • Sub Menu : Customize your sub menu typography from here. You can change font, weight, style, size and line height from here.
  • Sub Menu Color : Apply preferred color to your sub menu text color from here, you can even make it transparent by ticking on transparent option.
  • Sub Menu Background Color : Apply preferred color to your sub menu background color from here, you can even make it transparent by ticking on transparent option.
  • Sub Menu Hover/Active Color : Select your preferred sub menu hover color from here, or make it transparent by ticking on transparent option.

Social Sharing

Header Options

  • Facebook : Put your facebook link at this field.
  • Twitter : Put your twitter link at this field.
  • Instagram : Put your instagram link at this field.
  • Linkedin : Put your linkedin link at this field.
  • Google Plus : Put your google plus link at this field.
  • Whatsapp : Put your whatsapp link at this field.
  • Youtube : Put your youtube link at this field.
  • Skype : Put your skype link at this field.
  • Snapchat : Put your Snapchat link at this field.
  • Footer Social : Enable or disable footer social from this option.

Background Image

Custom Style

  • Category Page Header Background Image : Set your preferred image for category page header background.
  • Sensei Archive Page Header Background image : Set your preferred image for sensei archive page header background.
  • LearnPress Archive Page Header Background image : Set your preferred image for learnpress archive page header background.
  • Shop Page Header Background Image : Set your preferred image for shop page header background.
  • Event Page Header Background Image : Set your preferred image for event page header background image.
  • Teachers Archive Page Header Background Image : Set your preferred image for teachers archive page header background.
  • Search Page Header Background Image : Set your preferred image for search page header background.
  • 404 Image : Set your preferred image for 404 redirection page.

Blog

Background Image

  • Related Post : Toggle to enable or disable related post on your site.
  • Single Page Social Share : Toggle to enable or disable blog social share on your site.
  • Blog Page Sidebar : Choose the position for blog page sidebar.
  • Single Page Sidebar : Choose the position for single page sidebar.

Custom Style

Sidebar Settings

  • Custom Theme Color : Toggle to enable or disable custom theme color.
  • Body Color : Select your preferred body color from here or make it transparent by ticking on transparent option.
  • Primary Color : Select your preferred primary color from here ank you can also make it transparent by ticking on transparent option.
  • Secondary Color : Select your preferred secondary color from here ank you can also make it transparent by ticking on transparent option.
  • Custom CSS Code : Put your custom css code at here.
  • Custom JS Code : Put you custom JS code at here.

Custom Fonts

Custom Fonts

  • Enable or disable custom font options : Toggle to enable or disable custom font options.
  • Body Typography : Customize and set the typography for your websites body from here. Set font, weight, style, subsets, alignment, size, height and color from here.
  • Heading Typography : Customize and set the typography for your websites heading from here. Set Font family, weight, style, and text align from here.

Notice

Custom Fonts

  • Single Page Sidebar Position : Choose the position of single page sidebar.

Learnpress

Learnpress

  • Single Course Style : Choose your preferred learnpress single course style from three different styles.
  • Single Page Background color : Choose the background color for learnpress single page, you can also make it transparent by ticking on Transparent.
  • Single Page Related Courses : Toggle to enable or disable single page related courses for learnpress lms.

TX Course

Archive Page

Header Options

  • Archive Page Title : Give a suitable title to your archive page from here.
  • Course Per Page : Define how many course you want to show per page at here.
  • Enable Courses Fixed Height : If you want fixed height of your courses than enable this option.
  • Courses Fixed Height : Increase or decrease courses fixed height from here.
  • Image Size : Define the image size for archive page from here.
  • Courses Title Length : Define the Courses title length from here.
  • Courses Content Length : Define the length of courses content from here.
  • Archive Courses Date : Toggle to enable or disable archive courses date.
  • Archive Courses Views : Toggle to enable or disable archive courses views.

Single Page

Header Options

  • weForms Shortcode : Put your weForms shortcode at here.
  • Courses Date : Toggle to enable or disable courses date from here.
  • Course Views : Toggle to enable or disable course views.
  • Course Category : Toggle to enable or disable course category.
  • Image Size : Define the image size for single page from here.

Footer

Copyright

  • Import from file : This button allows you to import your custom theme settings if you have preserved any.
  • Import from URL : This button allows you to import your custom theme settings from URL.

  • Download Data File : This button allows you to download the theme options as a .json file for further use in any other wp-themes. You just have to import that .json file using the Import button then.

Import / Export

Import / Export

  • Import from file : This button allows you to import your custom theme settings if you have preserved any.
  • Import from URL : This button allows you to import your custom theme settings from URL.

  • Download Data File : This button allows you to download the theme options as a .json file for further use in any other wp-themes. You just have to import that .json file using the Import button then.

How To's

Setup Homepage

  • Go to Settings > Reading
  • Select A Static page on Front page displays option.
  • Choose your preferred home variation from the Front-page drop-down menu.
  • Select Blog from the Post page drop-down menu.(optional)

Homepage Setup

  • Use the left-bottom Save Changes button to save the settings.

Front-end appearance :

University Layout Homepage

LMS-LearnPress Layout Homepage

LMS-Sensei Layout Homepage

Elements

You can simply add an element on a page. All you need to do, just drag the element you want to add and drop it in a page then customize its setting as your preferences. You will have plenty of default elements to add or you can add our developed elements those are only for Edumodo theme from the Edumodo Elements tab on the elementor.

Elements

Elementor

Elementor is the one of the best Drag and Drop visual editor for building pages, posts etc. in a WordPress site. If you are not familiar with Elementor, we recommend you to take a look at the following videos:

Under http://docs.elementor.com/ you can find see the complete documentation of elementor page builder.

IMPORTANT: You have to disable Disable Global Colors and Disable Global Fonts options from Elementor> General in order get your custom styles worked on any elements.

Our theme specific elements can be found in Edumodo tab under Elementor.

Slider

Slider

To add Slider element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Slider from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Slider

  • ADD ITEM : This button allows you to create new slider items. Having created an item, just by a single mouse click- there are a couple of options will appear below this.
  • Slider Title : Put the slider title here.
  • Title Animation : Choose an animation for the title text.
  • Upload Slider Image : This upload button lets you upload image for the current slider item.
  • Slider Description : Put the description text here.
  • Content Animation : Choose an animation effect for the content text.
  • Button Text : Put the button text here.
  • Button Link : Put the corresponding button URL here.
  • Button Animation : Choose an animation effect for the button.

Style

Slider

  • Content Options : Customize the content options according to your need. You can customize typography, spacing, margin and so on.
  • Button Options : Customize the button options as you want. This includes Button text, color, border, text size and so on.
  • Control Options : This includes slider speed, background repetition, size and so on.

Advanced

Slider

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

Slider Sensei

Slider

To add Slider element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Slider Sensei from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Slider

  • ADD ITEM : This button allows you to create new slider items. Having created an item, just by a single mouse click- there are a couple of options will appear below this.
  • Title : Put the slider title here.
  • Subtitle : If you want to put any subtitle, put it here.
  • Button Text : Put the button text here.
  • Button Link : Put the corresponding button URL here.

Style

Slider

  • Title Typography : Customize the title typography according to your need. You can customize title color, family, spacing, margin and so on.
  • Description Typography : Customize the description typography as you want. This includes Button text, color, border, text size and so on.
  • Image Overlay : Choose the overlay color from here.

Advanced

Slider

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

Course

Course

To add Course element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Course from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Course

  • Item to Show : Define how many item you want to show.
  • Column : Define in how many columns you want to show the items into.
  • Title Typography : Create your own preferred typography for title text by changing different options according to your wish.
  • Meta Typography : Create your own preferred typography for meta text by changing different options according to your wish.
  • Show Categories : Enable or disable showing categories.
  • Show Comment : Enable or disable showing comments in each item.
  • Description Typography : Create your own preferred typography for description text by changing different options according to your wish.

Style

Course

  • Title Color : Pick a color for title text.

Advanced

Course

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

Teacher 1

Teacher1

To add Teacher1 element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Teacher 1 from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Teacher1

  • Item to Show : Define how many item you want to show.
  • Column : Define in how many columns you want to show the items into.
  • Title Typography : Create your own preferred typography for title text by changing different options according to your wish.
  • Title Spacing : Allows you to control the spacing between title and meta information for each item.
  • Description Typography : Create your own preferred typography for description text by changing different options according to your wish.

Social :

  • Size : Define the social icon size.
  • Title Spacing : Allows you to control the space between title and social icons.

Style

Teacher1

  • Icon Color : Choose a color for the social icons.
  • Overlay Color : Choose overlay color.

Advanced

Teacher1

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

Teacher 2

Teacher2

To add Teacher2 element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Teacher 2 from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Teacher2

  • Item to Show : Define how many item you want to show.
  • Column : Define in how many columns you want to show the items into.
  • Title Typography : Create your own preferred typography for title text by changing different options according to your wish.
  • Title Spacing : Allows you to control the spacing between title and meta information for each item.
  • Designation Typography : Create your own preferred typography for description text by changing different options according to your wish.

Social :

  • Size : Define the social icon size.
  • Width : Define the social icon width.
  • Height : Define the social icon height.
  • Title Spacing : Allows you to control the space between title and social icons.

Style

Teacher2

  • Icon Color : Choose a color for the icons.
  • Background Color : Choose a background color.

Advanced

Teacher2

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

Notice

Notice

To add Notice element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Notice from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Notice

  • Item to Show : Define how many item you want to show.
  • Column : Define in how many columns you want to show the items into.
  • Title Typography : Create your own preferred typography for title text by changing different options according to your wish.
  • Meta Typography : Create your own preferred typography for meta text by changing different options according to your wish.
  • Show Categories : Enable or disable showing categories.
  • Show Comment : Enable or disable showing comments in each item.
  • Description Typography : Create your own preferred typography for description text by changing different options according to your wish.

Style

Notice

  • Title Color : Pick a color for title text.

Advanced

Notice

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

Event One

Event

To add Event element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Event One from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Event

  • Query Type : Allows to pick either Latest Events in ascending order or Specific Events.
  • Item To Show : Number of items to show.
  • Title Word : Define the maximum number of word a title can contain.
  • Show Thumbnail : Hide or Show thumbnail.
  • Excerpt Word : Define the number of excerpt words.

Style

Event

  • Title Color : Choose a color for the title text.
  • Content Color : Choose a color for the content text.

Advanced

Event

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

Event Two

Event

To add Event element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Event Two from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Event

  • Event ID : Choose event ID for your element.
  • Image Position : Choose your preferred position to show event element.
  • Content Padding : If you want you can add content padding from here.

Advanced

Event

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

Woo Latest Product

Woo Latest Product

To add Woo Latest Product element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Woo Latest Product from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Woo Latest Product

  • Item To Show : Number of items to show.
  • Title Word : Define the maximum number of word a title can contain.

Style

Woo Latest Product

  • Title Color : Choose a color for the title text.
  • Author Color : Choose a color for the Author name.

Advanced

Woo Latest Product

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

Learnpress Courses

Course

To add Course element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Learnpress Courses from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Course

  • Item to Show : Define how many item you want to show.
  • Column : Define in how many columns you want to show the items into.
  • Title Typography : Create your own preferred typography for title text by changing different options according to your wish.
  • Meta Show Instructor : Toggle to show or hide Instructor.
  • Description Typography : Create your own preferred typography for description text by changing different options according to your wish.

Style

Course

  • Title Color : Pick a color for title text.

Advanced

Course

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

Learnpress Categories

Course

To add Course element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Learnpress Categories from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Course

  • Course Category ID : Choose course category ID from here.
  • Choose Image : Choose image for your category from here.
  • Image Size : Define image size from here.
  • Background Color : Choose your preferred background color from here.
  • Show Over Course : Toggle to show or hide over course.

Advanced

Course

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

  • Meta Typography : Create your own preferred typography for meta text by changing different options according to your wish.

Sensei Categories

Course

To add Course element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Sensei Categories from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Course

  • Course Category ID : Choose course category ID from here.
  • Choose Image : Choose image for your category from here.
  • Image Size : Define image size from here.
  • Background Color : Choose your preferred background color from here.
  • Show Over Course : Toggle to show or hide over course.
  • Show Over Lesson : Toggle to show or hide over lesson.

Advanced

Course

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

  • Meta Typography : Create your own preferred typography for meta text by changing different options according to your wish.

Latest Blog Posts

Teacher1

To add Teacher1 element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Latest Blog Posts from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Content

Teacher1

  • Item to Show : Define how many item you want to show.
  • Column : Define in how many columns you want to show the items into.
  • Excerpt Word : Define the number of excerpt words.
  • Title Typography : Create your own preferred typography for title text by changing different options according to your wish.
  • Meta Show Author : Toggle to show or hide the author.
  • Description Typography : Create your own preferred typography for description text by changing different options according to your wish.

Style

Teacher1

  • Icon Color : Choose a color for the social icons.
  • Overlay Color : Choose overlay color.

Advanced

Teacher1

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.

Testimonial

Teacher1

To add Teacher1 element on a page, first-

  • Go to Pages
  • Click on Edit With Elementor
  • Drag the Testimonial from the left EDUMODO ELEMENTS area and drop on your page.
  • Customize the settings how you prefer and click on Save button to save the pages.

Style

Teacher1

  • Testimonial Item to Show : Define how many item you want to show.
  • Testimonial Font Size : Define the font size of the testimonial.
  • Name Transform : Select any option if you want to transform name of the testimonial.
  • Auto Play Enable/Disable : Toggle to enable or disable autoplay option.
  • Meta Show Author : Toggle to show or hide the author.
  • Color Options : Define different sections color settings from here.

Advanced

Teacher1

  • Element Style : Control margin, padding, z-index, entrance animation and add additional id or class to apply your custom design to an element.
  • Background : Control element background color, hover style and more.
  • Border : Apply your custom border style configuring different options from this tab.
  • Responsive : Control making this element to appear on various devices.