1. Home
  2. Docs
  3. Tutorque
  4. General
  5. Elements Settings

Elements Settings

Tutorque Slider

Elements Settings 1

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.

Elements Settings 2

» 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.
Elements Settings 3

» 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.
Elements Settings 4

Tutorque Slider Pro

Elements Settings 5

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.
Elements Settings 6

» 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.
Elements Settings 7

» 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.
Elements Settings 8

Latest Blog Posts

Elements Settings 9

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.
Elements Settings 10

» 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.
Elements Settings 11

Static Testimonial

Elements Settings 12
  • 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.
Elements Settings 13

» 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.  
Elements Settings 14

» 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.
Elements Settings 15

Teacher 1

Elements Settings 16

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.
Elements Settings 17

» 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.
Elements Settings 18

» 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.

Elements Settings 19

Teacher 2

Elements Settings 20

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
Elements Settings 21

» 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.
Elements Settings 22

» 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.
Elements Settings 23

Notice

Elements Settings 24

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.
Elements Settings 25

» 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.
Elements Settings 26

» 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.
Elements Settings 27

Event One

Elements Settings 28

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.
Elements Settings 29

» 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.
Elements Settings 30

» 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.
Elements Settings 31

Event Two

Elements Settings 32

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.
Elements Settings 33

» 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.
Elements Settings 34

» 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.
Elements Settings 35

Woo Latest Product

Elements Settings 36

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.
Elements Settings 37

» 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.
Elements Settings 38

» 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.
Elements Settings 39

Woo Product Category

Elements Settings 40

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.
Elements Settings 41

» 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.
Elements Settings 42

» 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.
Was this article helpful to you? Yes No

How can we help?