Back to contents

JetTricks. How to pick the load level of style settings in Elementor editor to optimize its performance

This tutorial explains what steps you have to take in order to pick the load level of style settings for JetTricks plugin in Elementor editor to optimize its working speed.

This article intended to assist you in picking the most suitable style setting in Elementor editor. It will help you to keep the fast work of Elementor editor and do the best of JetTricks plugin. After reading our step-by-step tutorial, you’ll effortlessly install the package.

As default values, the Full settings will be displayed in the style settings when working with JetTricks plugin in Elementor editor. You will get access to all settings in order to personalize the style for the widgets to meet your requirements.

If you, for instance, have a range of different plugins active on your site and want Elementor to work quicker, you are able to switch off style settings at all or make them fewer with choosing the one you like the most.

The load levels of style setting

You have the ability to choose between 5 available levels of style settings:

  • None;
  • Low;
  • Medium;
  • Advanced;
  • Full.
Load Level Editor with available levels

Each of the listed levels contains a certain amount of settings to make the used widget more stylish. Read this tutorial in order to find out in what way you can pick the appropriate level and which options are included to each of them.

Keep in mind, that the lower level you have chosen, the fewer opportunities you have to customize the view of a certain widget. It must mean that None level will drop the Style tab at all. To adjust this option you should move the slider. How exactly you can perform it, read a little below.

The Full level will provide you with a complete range of settings to customize the view of the tricks elements.

How the one can pick the load level of style settings

1 Step – Navigate to WordPress Dashboard and proceed to Elementor > JetTricks Settings option on the left sidebar.

2 Step – On the opened menu you will be on the General tab by default where you should move the slider to select the level that you need for your efficient work.

3 Step – After choosing the level that suits you the most, click the Save button.

4 Step – Now go to Elementor editor and upload the page to apply the changes.

5 Step – Customize the Tricks widgets so that it suits you the most.

Load Level Editor in WP Dashboard

How to cope with the load levels of style setting

You might not need the full range of style settings, it might be enough for your needs to use the Low or Medium level, for instance. Suddenly you might need the additional option from the higher level, but at the same time, you don’t need the other options of the higher level. In this case, it is preferable to add the necessary option with the help of an appropriate CSS code.
In this way, you will have the option you need and save the optimized work of Elementor editor.

ATTENTION!
It’s essential to remember, that if you customize the Tricks widgets in an excellent way and turn to None in the Elementor > Tricks Settings option, your stylization will be dropped to the default ones. The same will happen if you change the level from the lower to the higher one and vice versa. But once you move the slider to the higher level (and save the changes with further page refreshing) the settings return as if they have never been hidden.
None Load Level Editor for Unfold widget

On the screen, you can see the Unfold widget with None load level activated.

At intervals, there are Low, Medium and Advanced levels that provide the user with settings that will appear progressively depending on the chosen level.

Full Load Level Editor for Unfold widget

On the screen you can see the Unfold widget with Full load level activated.

Below you can see the options that are available in each of the levels.

WidgetsStyle OptionsLowMediumAdvancedFull
HotspotsHotspotIcon Size
Icon Color
Text Color
Background Type
Typography
Padding
Border Type
Border RadiusBox Shadow
TooltipText Color
Arrow Color
Background Type
Typography
Padding
Border Type
Text Alignment
Border Radius
Width
Box Shadow
UnfoldLowMediumAdvancedFull
ContainerBackground TypeBorder Type
Padding
Border RadiusBox Shadow
Margin
SeparatorBackground TypeHeight
ContentColorTypography
ButtonText Color
Background Color
Typography
Padding
Border Type
Margin
Border Radius
Box Shadow
View MoreLowMediumAdvancedFull
ButtonIcon Color
Text Color
Background Type
Padding
Icon Size
Typography
Border Type
Margin
Border Radius
Box Shadow

Well done! Now you can pick the load level of style settings that you need to create the breathtaking sites in Elementor editor with Crocoblock.