Tutorque Slider
To add Tutorque Slider element on a page, first-
- Go to Pages
- Click on Edit With Elementor
- Drag the Tutorque Slider from the left TURTOQUE ELEMENTS area and drop on your page.
- Customize the settings how you prefer and then click on the Save button to save the pages.
» Content
- 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 images 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
- 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
- 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.
Tutorque Slider Pro
To add Tutorque Slider Pro element on a page, first-
- Go to Pages
- Click on Edit With Elementor
- Drag the Tutorque Slider Pro from the left TUTORQUE ELEMENTS area and drop on your page.
- Customize the settings how you prefer and click on the Save button to save the pages.
» Content
Inside Slide you have the below options.
- 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 images 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.
Inside Global Options you have the below options.
- Slider Height: Define the height of the slider from here.
- Caption Position: Define caption for slider from here.
- Content Alignment: Choose the layout for your content from here.
- Slider Interval: Define the interval time between sliders.
- Background Overlay: Select the background overlay for the slider from here.
- Background Repeat: Define if you want to repeat background.
- Background Size: Choose the background size from here.
- Background Position: Select the background position from here.
- Background Attachment: Two background options available – inherit & fixed.
Inside Nav Options you have the below options.
- Nav Enable/Disable: Toggle to enable or disable nav options.
- Arrow Enable/Disable: Toggle this option to enable or disable arrows.
- Nav & Arrow Icon Color: Choose the nav & arrow icon color from here.
- Nav & Arrow Bg Color: Choose the background color of nav & arrow from here.
» Style
Under title you have the below options.
- Title Color: Set the title color for slider from here.
- Title Typography: Create your own preferred typography for title text by changing different options according to your wish.
- Span Color: Select color for span text of title.
- Span Typography: Create your own preferred typography for span text of title by changing different options according to your wish.
- Title Padding: Apply any padding to your title, if needed.
Under Content you have the below options.
- Content Color: Choose the color of content text from here.
- Content Typography: Create your own preferred typography for content text by changing different options according to your wish.
- Content Spacing: Manage content spacing from here.
- Description Padding: If you want to apply any padding to your description, add it from here.
Under Button you have the below options.
- Typography: Create your own preferred typography for button text by changing different options according to your wish.
- Text Color: Choose the text color of button from here.
- Background Color: Select the background color for your button from here.
- Border Type: Choose the border type of the button from here.
- Border Radius: If you want to alter border radius, you can do it from here.
- Box Shadow: Apply any kind of box shadow from here.
- Text Padding: Apply any padding to your text from here.
- Padding: Apply padding for button from here.
Under Front Image you have the below options.
- Front Image Position: Alter the front image position from here.
- Image Size: Modify the image size from here.
- Padding: Apply any padding to the front image from here.
» Advanced
- Advanced: 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.
- Custom CSS: If you want to add any custom code, you can add it from here.
Latest Blog Posts
To add Latest Blog Posts element on a page, first-
- Go to Pages
- Click on Edit With Elementor
- Drag the Latest blog post from the left TUTORQUE ELEMENTS area and drop on your page.
- Customize the settings how you prefer and click on the Save button to save the pages.
» Content
These options are available under content.
- Layout: There are a total of 2 layouts available with this element, choose the want that looks good on your site.
- Item to Show: Define how many items you want to show.
- Column: Define in how many columns you want to show the items into.
- Image Height: Define the height for the image of the blog posts from here.
These options are available under Title.
- Excerpt Word: Define the number of excerpt words.
- Typography: Create your own preferred typography for title text by changing different options according to your wish.
- Title Color: Choose the color of your title from here.
- Padding: Apply any padding to the title if you need.
These options are available under Meta.
- Date: Toggle this option off and on to show or hide date on your blog posts.
- Categories: Toggle this option on and off to show or hide categories of blog posts.
- Date Color: Choose the color that you want to apply on date.
- Typography: If you want to apply custom typography then apply it from here.
These options are available under Description.
- Excerpt Word: Define the number of excerpt words.
- Content Color: Apply any suitable color to your content from here.
- Typography: Create your own preferred typography for description text by changing different options according to your wish.
- Padding: Apply any padding to the description if you need.
- Margin: Apply any margin to the description if you need.
These options are available under Read More.
- Typography: Set custom typography to read more text from here.
- Button Text: Write the text you want to show in your button here. By default this button comes with text “Read More”.
- Button Color: Choose the color of your button from here.
- Button Hover Color: Choose the color of button upon hover, from here.
- Padding: Apply any padding to the description if you need.
- Margin: Apply any margin to the description if you need.
» Advanced
- Advanced: 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.
- Custom CSS: If you want to add any custom code, you can add it from here.
Static Testimonial
- Go to Pages
- Click on Edit With Elementor
- Drag the static testimonial from the left TUTORQUE ELEMENTS area and drop on your page.
- Customize the settings how you prefer and click on the Save button to save the pages.
» Content
These options are available under testimonial
- Name: Define the client’s name.
- Image: Add the clients image here.
- Designation: Defines the clients designation.
- Clients Feedbacks: Describe what your client says about you as feedback.
» Style
These options are available under style
- Border Type: You can define border type
- Border Radius: You can set the border radius
- Padding: Set the padding size.
- Image Size: Define what will be the image size
Under Image you have the below options.
- Front Image Position: Alter the front image position from here.
- Image Size: Modify the image size from here.
- Padding: Apply any padding to the front image from here.
Under Description you have the below options
- Excerpt Word: Define the number of excerpt words.
- Color: Apply any suitable color to your content from here.
- Typography: Create your own preferred typography for description text by changing different options according to your wish.
- Padding: Apply any padding to the description if you need.
- Margin: Apply any margin to the description if you need.
Under Name you have the below options
- Color: Apply any suitable color to your content from here.
- Typography: Create your own preferred typography for description text by changing different options according to your wish.
- Padding: Apply any padding to the description if you need.
Under Degree you have the below options
- Color: Apply any suitable color to your content from here.
- Typography: Create your own preferred typography for description text by changing different options according to your wish.
- Padding: Apply any padding to the description if you need.
Under Dot you have the below options
- Size: Define dot size for normal or active use.
- Position: Define position size for normal or active use.
- Space Between: Define Space Between Dot.
» Advanced
- Advanced: 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.
- Custom CSS: If you want to add any custom code, you can add it from here.
Teacher 1
To add Teacher1 element on a page, first-
- Go to Pages
- Click on Edit With Elementor
- Drag the Teacher 1 from the left TUTORQUE ELEMENTS area and drop on your page.
- Customize the settings how you prefer and click on the Save button to save the pages.
» Content
Under content you have these options.
- Item to Show: Define how many items you want to show.
- Column: Define in how many columns you want to show the items into.
» Style
Under Name you have this option
- Color: Choose a color of your choice.
- Typography: Create your own preferred typography for designation text by changing different options according to your wish.
- Spacing: Allows you to control the space between names.
Under Designation you have this option.
- Color: Choose a color of your choice.
- Typography: Create your own preferred typography for designation text by changing different options according to your wish.
Under Social Icon you have this option.
- Color: Choose a color of your choice.
- Size: Define the size of the social icon.
- Padding: Define the padding size of the social icon.
Under Global you have these options.
- Color Overlay: Choose a overlay color from here.
» Advanced
- 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.
- Custom CSS: If you want to add any custom code, you can add it from here.
Teacher 2
To add Teacher2 element on a page, first-
- Go to Pages
- Click on Edit With Elementor
- Drag the Teacher 2 from the left TUTORQUE ELEMENTS area and drop on your page.
- Customize the settings how you prefer and click on the Save button to save the pages.
» Content
Under content you have these options.
- Item to Show: Define how many items you want to show.
- Column: Define in how many columns you want to show the items into.
Under social info you have this option
- Display: Whether to display social icon or not at element hover
» Style
Under Name you have this option.
- Color: Choose a color for the name text.
- Typography: Create your own preferred typography for title text by changing different options according to your wish.
- Hover Color: Define the color while the mouse hover.
- Spacing: Allows you to control the spacing between names.
Under Designation you have this option.
- Color: Choose a color for the designation text.
- Typography: Create your own preferred typography for designation text by changing different options according to your wish.
Under Social you have these options.
- Size: Define the social icon size.
- Color: Define the social icon color.
- Background Color: Define the background here.
- Border Type: Allows you to control the border type.
- Border Radius: Allow you to define the border radius.
- Padding: Define the social icon padding here.
Under Global you have this option.
- Color Overlay: Choose an overlay color from here.
» Advanced
- 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.
- Custom CSS: If you want to add any custom code, you can add it from here.
Notice
To add Notice element on a page, first-
- Go to Pages
- Click on Edit With Elementor
- Drag the Notice from the left TUTORQUE ELEMENTS area and drop on your page.
- Customize the settings how you prefer and click on the Save button to save the pages.
» Content
Under Query you have this option.
- Item to Show: Define how many items you want to show.
- Order: Define notice ordering.
- Orderby: Define notice ordering by title, date or random.
- Column: Define in how many columns you want to show the items into.
Under Content you have this option.
- Title word count: Define how many words you want to show in title.
- Description word count: Define how many words you want to show in description.
Under Meta you have this option.
- Position: position the meta either before title description or after title description
- Date: Enable or disable date in each item.
- View Count: Enable or disable view count in each item.
» Style
Under Title you have these options.
- Title Color: Pick a color for title text.
- Typography: Create your own preferred typography for designation text by changing different options according to your wish.
- Hover Color: Choose the hover color upon hover
Under Description you have these options.
- Color: Pick a color for meta text from here.
- Typography: Create your own preferred typography for designation text by changing different options according to your wish.
Under Meta you have these options.
- Color: Choose the color from here.
- Typography: Create your own preferred typography for designation text by changing different options according to your wish.
Under Global you have these options.
- Background Color: Choose the background color from here.
- Alignment: Choose your preferred alignment.
- Padding: Define the social icon padding here.
- Border Type: Define the border type.
- Border Radius: Define the border radius from here.
- Box Shadow: Define box shadow from here.
- Hover Box Shadow: Define box shadow upon hover.
Under Global Overlay you have these options
- Color: Choose the color from here.
Under Global Icon you have these options
- Color: Choose the icon color from here.
- Background Color: Choose the icon background color from here.
- Border Radius: Define the border radius from here.
» Advanced
- 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.
- Custom CSS: If you want to add any custom code, you can add it from here.
Event One
To add Event element on a page, first-
- Go to Pages
- Click on Edit With Elementor
- Drag the Event one from the left TUTORQUE ELEMENTS area and drop on your page.
- Customize the settings how you prefer and click on the Save button to save the pages.
» Content
Under Query you have these options.
- Event to Show: Choose the color from here.
- Column to Show: Create your own preferred typography for designation text by changing different options according to your wish.
Under Content you have these options.
- Thumbnail Display: Choose whether the Thumbnail display or not.
- Thumbnail Size: Choose the Thumbnail size
- Thumbnail Position: Define the Thumbnail position here.
- Title Word Count: Define the title word count.
- Description Word Count: Define the description word count.
Under Button you have these options
- Button Display: Choose whether the button display or not.
- Text: Define the button text from here.
Under Meta you have these options
- Position: Define the position for meta.
» Style
Under Title you have this option.
- Color: Choose a color for the title text.
- Title Typography: Customize the title typography according to your need. You can customize title color, family, spacing, margin and so on.
- Hover Color: Choose the color upon hover.
Under Description you have these options
- Content Color: Choose a color for the content text.
- Typography: Customize your content typography from here. You can change font, weight, style, size and line height from here.
Under Global you have these options.
- Padding: Define the padding here.
- Alignment: Define the alignment here.
- Border Radius: Define the border radius from here.
Under Button you have these options.
- Color: Choose the color from here.
- Typography: Create your own preferred typography for designation text by changing different options according to your wish.
- Hover Color: Choose the color upon hover.
Under Meta you have these options.
- Color: Choose a color for the meta text.
- Typography: Customize the title typography according to your need. You can customize title color, family, spacing, margin and so on.
» Advanced
- 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.
- Custom CSS: If you want to add any custom code, you can add it from here.
Event Two
To add Event Two element on a page, first-
- Go to Pages
- Click on Edit With Elementor
- Drag the Event two from the left TUTORQUE ELEMENTS area and drop on your page.
- Customize the settings how you prefer and click on the Save button to save the pages.
» Content
Under Query you have this option.
- Style: Define the style from here.
- Event to Show: Define how many events to show.
- Event ID: Choose event ID for your element.
Under Date you have this option.
- Date Display: Define the date display here.
- Date Position: Define your date position.
Under Content you have this option.
- Thumbnail Position: Define the thumbnail position here.
- Title Word Count: Define the title word here.
- Description Word Count: Define the description word here.
Under Content you have this option.
- Display Meta: Define whether your meta display or not.
- Meta Position: Define the meta position here.
» Style
Under Title you have this option.
- Color: Choose a color for the title text.
- Typography: Customize the title typography according to your need. You can customize title color, family, spacing, margin and so on.
- Background: Choose the background here.
- Month Typography: Define the Month typography here.
Under Meta you have this option.
- Color : Choose a color for the meta text.
Under Content you have this options
- Image Box Shadow: Choose image box shadow here.
- Image Radius: Define image radius.
- Title color, typography, spacing: Define title color, typography, spacing here.
- Description Color, Typography: Define Description Color and Typography
- Global Background Color, Padding: Define global background and color.
- Margin Box Shadow, Border Radius: Define margin box shadow and radius.
Under Meta you have this option.
- Color: Choose date color from here.
- Typography: Customize the title typography according to your need. You can customize title color, family, spacing, margin and so on.
- Spacing: Define space between meta.
» Advanced
- 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.
- Custom CSS: If you want to add any custom code, you can add it from here.
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 TUTORQUE ELEMENTS area and drop on your page.
- Customize the settings how you prefer and click on the Save button to save the pages.
» Content
Under Content you have this option.
- Shop Layout: Choose the layout that you want to use. There are currently two layouts available.
- Column: Choose the size of the column you want to use.
- Item to Show: Define how many items you want to show, here.
- Order By: Define how you want to order products.
- Image Height: Adjust image height from here.
- Border Radius: Adjust border radius from here.
- Box Shadow: Customize box shadow from here.
- Box Shadow Hover: Customize box shadow hover from here.
Under Title you have this option.
- Title Word: Define the maximum number of words a title can contain.
- Title Color: Select the color of title text from here.
- Typography: Create your own preferred typography for title text by changing different options according to your wish.
Under Price you have these options.
- Price Color: Choose a color for the price text.
- Typography: Customize the price typography according to your need. You can customize title color, family, spacing, margin and so on.
Under Author you have this option.
- Author Color: Choose the author text color from here.
» Style
- Typography: Customize the typography according to your need. You can customize title color, family, spacing, margin and so on.
- Text Color: Choose a color for the text from here.
- Background Color: Choose a color for the background text from here.
» Advanced
- 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.
- Custom CSS: If you want to add any custom code, you can add it from here.
Woo Product Category
To add Woo Product Category element on a page, first-
- Go to Pages
- Click on Edit With Elementor
- Drag the Woo Product Category from the left TUTORQUE ELEMENTS area and drop on your page.
- Customize the settings how you prefer and click on the Save button to save the pages.
» Content
Under Content you have this option.
- Shop Layout: Choose the layout that you want to use. There are currently two layouts available.
- Categories: Select the categories of products you want to show.
- Column: Choose the size of the column you want to use.
- Item to Show: Define how many items you want to show, here.
- Order by: Define how you want to order products.
- Image Height: Adjust image height from here.
- Border Radius: Adjust border radius from here.
- Box Shadow: Customize box shadow from here.
- Box Shadow Hover: Customize box shadow hover from here.
Under Title you have this option.
- Title Word: Define the maximum number of words a title can contain.
- Title Color: Select the color of title text from here.
- Typography: Create your own preferred typography for title text by changing different options according to your wish.
Under Price you have these options.
- Price Color: Choose a color for the price text.
- Typography: Customize the price typography according to your need. You can customize title color, family, spacing, margin and so on.
Under Author you have this option.
- Author Color: Choose the author text color from here.
» Style
- Typography: Customize the typography according to your need. You can customize title color, family, spacing, margin and so on.
- Text Color: Choose a color for the text from here.
- Background Color: Choose a color for the background text from here.
» Advanced
- 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.
- Custom CSS: If you want to add any custom code, you can add it from here.