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 install Jet Plugins and picturesque templates using Crocoblock Wizard plugin.

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 the 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 the 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 by 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 in 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 the 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 the Full load level activated.

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

WidgetsStyle OptionsLowMediumAdvancedFull
HotspotsHotspotIcon SizeIcon ColorText ColorBackground TypeTypographyPaddingBorder TypeBorder RadiusBox Shadow
TooltipText ColorArrow ColorBackground TypeTypographyPaddingBorder TypeText AlignmentBorder RadiusWidthBox Shadow
Unfold
LowMediumAdvancedFull
ContainerBackground TypeBorder TypePaddingBorder RadiusBox ShadowMargin
SeparatorBackground TypeHeight
ContentColorTypography
ButtonText ColorBackground ColorTypographyPaddingBorder TypeMarginBorder RadiusBox Shadow
View More
LowMediumAdvancedFull
ButtonIcon ColorText ColorBackground TypePadding Icon SizeTypographyBorder TypeMarginBorder RadiusBox 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.