Back to contents

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

This tutorial will provide you with full information about the JetBlocks setting, such as the Editor Load Level.

The Editor Load Level function allows choosing a certain set of options, which will be displayed in the Style tab in JetBlocks widgets’ settings and improving Elementor editor performance by selecting an appropriate settings fill level (from None to Full one).

Picking the load level of style settings

To adjust the load level of style settings for the JetBlocks widgets, you should go to the Elementor > JetBlocks Settings section in the WP Dashboard. Here you can see all the available adjustments for JetBlocks plugin. The Editor Load Level option is located in the General tab and allows specifying the editor load level of style settings for JetBlocks widgets in Elementor by moving the toggle. There are 5 types:

  • None;
  • Low;
  • Medium;
  • Advanced;
  • Full.

Moreover, it assists in improving your Elementor editor performance.

jetblocks-editor-load-level
ATTENTION!
It is important to know, in case you customize the JetBlocks widgets in an eye-catching manner and switch to None in the Elementor > JetBlocks Settings option, your stylization will be dropped to the default ones. The styles will change while shifting between the varied levels. After moving the slider to the higher level (and save the changes with further page refreshing) the settings return as they were set before.

We show how it works on the example of the Nav Menu widget.

If we enable the Full set of options for the widgets, we’ll see all the available style settings in the Style tab by customizing the Nav Menu widget in Elementor.

nav-menu-style-settings-full

In case we select the None option, the Style tab will disappear from the widget’s settings panel at all.

nav-menu-style-settings-none

You can see the full list of available options by different load level of style settings for all JetBlocks widgets below.

WidgetsStyle OptionsLowMediumAdvancedFull
Auth LinksGeneral StylesAlignment
Login Link StylesColors
Background Color
Margin
Padding
TypographyBorder Type
Border Radius
Box Shadow
Logout Link StylesColors
Background Color
Margin
Padding
TypographyBorder Type
Border Radius
Box Shadow
Register Link StylesColors
Background Color
Margin
Padding
TypographyBorder Type
Border Radius
Box Shadow
Registered Link StylesColors
Background Color
Margin
Padding
TypographyBorder Type
Border Radius
Box Shadow
BreadcrumbsLowMediumAdvancedFull
Page TitleColor
Margin
TypographyBackground Color
Padding
Border Type
Border Radius
BreadcrumbsColors
Background Color
Padding
Gap
Typography
Icon Size
Border Type
Border Radius
Hamburger PanelLowMediumAdvancedFull
PanelPanel Width
Padding
Background Type
Close Icon
Border Type
Border Radius
Box Shadow
ToggleBackground Type
Padding
Margin
Label Color
Toggle Icon
TypographyBorder Type
Border Radius
Box Shadow
Login FormLowMediumAdvancedFull
FieldsBackground Color
Text Color
Padding
Margin
Typography
Border Type
Border Radius
Box Shadow
LabelsText Color
Margin
Typography
Padding
Background Color
Border Type
Border Radius
Box Shadow
SubmitBackground Color
Text Color
Padding
Margin
Typography
Alignment
Border Type
Border Radius
Box Shadow
ErrorsColors
Margin
Padding
Background Color
Border Type
Border Radius
Box Shadow
Lost Password LinkColors
Margin
Typography
Site LogoLowMediumAdvancedFull
LogoLogo Alignment
Image and Text Vertical Alignment

TextColor
Gap
Typography
Alignment
Nav MenuLowMediumAdvancedFull
Top Level ItemsBackground Color
Text Color
Dropdown Icon Color
Padding
Margin
Vertical Menu Width
Vertical Menu Alignment
Typography
Dropdown Icon Size
Gap Before Dropdown Icon
Text Background Color
Border Type
Border Radius
DropdownContainer Width
Background Color
Padding

Items:
Background Color
Text Color
Padding
Gap Before 1st Level Sub
Gap Before 2nd Level Sub

Items:
Typography
Dropdown Icon Size
Gap Before Dropdown Icon

Description Typography
Border Type
Border Radius
Box Shadow
Divider
Mobile TriggerBackground Color
Text Color
Width
Height
Icon Size
Border Type
Border Radius
Mobile MenuWidth
Max Height
Background color
Padding
Close icon color
Close icon font sizeBox Shadow
Registration FormLowMediumAdvancedFull
FieldsBackground Color
Text Color
Placeholder Color
Padding
Margin
Typography
Border Type
Border Radius
Box Shadow
LabelsText Color
Margin
Typography
Padding
Background Color
Border Type
Border Radius
Box Shadow
SubmitBackground Color
Text Color
Padding
Margin
Typography
Alignment
Border Type
Border Radius
Box Shadow
ErrorsText Color
Margin
Padding
Background Color
Border Type
Border Radius
Box Shadow
SearchLowMediumAdvancedFull
FormField:
Background Color
Text Color
Placeholder Color
Padding
Margin

Submit Button:
Background Color
Text Color
Padding
Margin

Form Style:
Background Color
Padding
Margin
Field:
Typography
Border Type
Border Radius

Submit Button:
Typography
Icon Size
Submit Button:
Border Type
Border Radius

Form Style:
Border Type
Border Radius
Box Shadow
Popup BoxPopup Content Width
Background Color
Padding
Margin
Popup Position
Border Type
Border Radius
Box Shadow
Popup TriggerBackground Color
Text Color
Alignment
Padding
Margin
Icon SizeBorder Type
Border Radius
Box Shadow
Popup CloseBackground Color
Text Color

Padding
Margin
Icon SizeBorder Type
Border Radius
Box Shadow
Shopping CartLowMediumAdvancedFull
General StylesAlignment
Cart LinkBackground Color
Colors
Padding
Typography
Font Size
Gaps
Margin
Border Type
Border Radius
Cart DropdownBackground Color
Width
Padding
Horizontal Position

Labels:
Margin
Labels:
Typography
Alignment
Padding
Border Type
Border Radius
Box Shadow
Cart Items StyleProduct List Style:
Max Height
Margin
Padding

Product Item Style:
Margin
Padding

Product Image Style:
Width
Margin

Other components:
Colors
Margin


Other components:
Typography
Alignment
Border Type
Divider
Cart Buttons StyleButtons Container Styles:
Padding
Margin

Buttons:
Padding
Margin
Background Color
Text Color
TypographyBorder Type
Border Radius
Box Shadow

As you can see, it is easy to determine the level of available style options for JetBlocks widgets via the WP Dashboard.