Stand with Ukraine. Fight for freedom and democracy

Donate
Back to contents

JetBlocks: How to Optimize Elementor 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 you to improve Elementor editor performance by selecting an appropriate level of workload (from “None” to “Full” one). the chosen level defines a set of options that will be available in the Style tab in JetBlocks widgets’ settings.

To adjust the load level of style settings for the JetBlocks widgets, you should go to the Crocoblock > JetPlugins Settings > JetBlocks > General Settings section in the WP Dashboard. Here you can see all the available adjustments for the JetBlocks plugin. The Editor Load Level drop-down menu allows specifying the editor load level of style settings for JetBlocks widgets in Elementor. There are 5 types:

  • None;
  • Low;
  • Medium;
  • Advanced;
  • Full.
jetblocks load levels
knowledge base information icon
NOTE.
If you customize the JetBlocks elements in an eye-catching manner and switch to None load level, your stylization will be dropped to the default look. The styles will change with the change of the level. After returning to the higher level the look will be restored.

Let’s look at how it works on the example of the Nav Menu widget. If you enable the Full set of options for the widgets, you’ll see all the available style settings in the Style tab.

full load in nav menu

And when you select the None option, the Style tab will disappear from the widget’s settings panel at all.

none load level in nav menu

You can see the full list of available options on different load levels 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.