Back to contents

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

In this tutorial you will find out how to pick the required load level of style settings for JetElements widget in Elementor editor to use the style settings you need only and in this way optimize the work of the editor.

Automatically, after the installation of JetElements plugin, the full level will be selected and you will have the full range of settings in the widget’s Style tab.

If you want to optimize the Elementor editor work, you should choose the lower level of the available settings that you need to create a preferable stylization for any widget from the JetElements plugin.

The load levels of style setting

For your work, you might need several levels of style settings. We have 5 levels that will suit any requirements. Let’s dive deeply into them:

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

Each level offers the user a definite range of settings. At the end of this guide, you will discover which options each of the levels are involved.

It’s important to remember, that the lower the selected level, the fewer opportunities are available for you while editing. For instance, if you have chosen the None level, you will not have an opportunity to make some changes in the Style tab. Only the basic options will be allowed, such as the Text and Background color. The Full level will provide you with a full range of opportunities to customize the box with a shadow, border radius, Z-index settings, etc.
The levels that are in between wide the opportunities progressively.

How to pick the load level of style settings

1 Step – In WordPress Dashboard proceed to Elementor > JetElements Settings option.

2 Step – Here you will should choose the General Settings tab and here you should choose one of the options from the Load Level Editor dropdown menu from None to Full one.

3 Step – After every change to be done, click on the Save button.

4 Step – Then, open the needed page with Elementor editor and reload the page. It helps to involve the changes to work.

5 Step – Make your content juicy and profitable. Read our tutorials to find out how to make your ideas real with JetBlog plugin.

Load Level Editor in WP Dashboard

How to deal with the load levels of style setting

While working you might need to require your needs one of the midline levels. If you want to add a slight change, you may switch to a higher level. As well, if you don’t need the other settings from the higher level, you can add the needed option just adding an appropriate CSS code. In this way, you will fulfill your ideas and keep optimizing Elementor work.

ATTENTION!
It is crucial to know, that if you customize the JetElements widgets in a breathtaking way and switch to None in the Elementor > JetElements Settings option, your stylization will be dropped to the default ones. The styles will change while switching between different levels. After moving the slider to the higher level (and save the changes with further page refreshing) the settings return as if they have never been dropped.
None Load Level Editor for Smart Posts List widget

On the screen you can see the Advanced Carousel widget with None load level activated.

There are midline levels, such as Low, Medium and Advanced ones which contain settings to appear progressively depending on the level that has been selected.

Full Load Level Editor for Smart Posts List widget

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

Below you are able to see through the options that are available in each of the levels.

WidgetsStyle OptionsLowMediumAdvancedFull
Animated BoxGeneralBackground Type
Icon Order
Content Order
Content Alignment
Padding
Border Type
Background Type
Border RadiusBox Shadow
IconIcon Color
Icon Background Color
Icon Font Size
Icon Box Size
Alignment
Margin
Border Type
Border Radius
Box Shadow
TitleTitle ColorAlignment
Typography
Margin
Text AlignmentPadding
SubtitleColorAlignment
Typography
Margin
Text AlignmentPadding
DescriptionDescription ColorText Alignment
Typography
Margin
Padding
Action ButtonAdd Icon
Text Color
Background Color
Alignment
Padding
Margin
Typography
Border Type
Border RadiusBox Shadow
Animated TextLowMediumAdvancedFull
Before TextColor
Background color
Typography
Padding
Animated TextColor
Background color
Typography
Padding
After TextColor
Background color
Typography
Padding
Audio PlayerLowMediumAdvancedFull
GeneralWidth
Alignment
Play-Pause Button and TimeColor
Background color
Padding
Margin
Font size
Typography
Border Radius
Border Type
Box Shadow
ProgressHeight
Background Type
Margin
Border Radius
Border Type
VolumeColor
Background color
Padding
Margin
Width
Height
Background Type
Font sizeBorder Radius
Border Type
Box Shadow
HeadlineLowMediumAdvancedFull
GeneralBackground Type
Padding
Margin
Border Type
Border Radius
First PartText ColorTypography
Text Shadow
Vertical Position
Text Alignment
Background Type
Padding
Margin
Border Type
Border Radius
Use Text Image
Second PartText ColorTypography
Text Shadow
Vertical Position
Text Alignment
Background Type
Padding
Margin
Border Type
Border Radius
Use Text Image
Decorative ElementsBefore Icon Color
After Icon Color
Alignment
Margin
Use Divider Mode
Dropbar
LowMediumAdvancedFull
ButtonText Color
Icon Color
Background Type
Padding
Icon Spacing
Hover Animation
Typography
Icon Size
Border Radius
Border Type
Box Shadow
ContentText Color
Background Type
Padding
Typography
Alignment
Border Radius
Border Type
Z-index
Box Shadow
Horisontal Timeline
LowMediumAdvancedFull
GeneralItems Gap
CardsPadding
Spacing
Background
Arrow Offset
Arrow Size
Border Type
Border Radius
Box Shadow
Cards ContentMargin
Color
TypographyAlignment
Border Radius
Stretch Image
Orders
MetaColor
Background Color
Padding
Spacing
Typography

Border Type
Border Radius
Box Shadow
ButtonText Color
Background Color
Padding
Margin
Typography
Border Type
Border Radius
Box Shadow
PointPoint Size
Offset
Color
Background Color
Text Typography
Icon Size
Border Type
Border Radius
LineLine Color
Height
ScrollbarScrollbar Color
Scrollbar Thumb Color
Scrollbar Height
Scrollbar Offset
Border Radius
ArrowsPositionArrows Style
Inline SVG
LowMediumAdvancedFull
SVGAll
Images LayoutLowMediumAdvancedFull
ItemBackground TypeContent Alignment
Padding
Border Type
Border RadiusBox Shadow
Title Order
Content Order
IconIcon Color
Icon Font Size
Horizontal Alignment
Vertical Alignment
Margin
Icon Background Color
Icon Box Size
Border Type
Border Radius
Box Shadow
TitleColorAlignment
Typography
Padding
Margin
DescriptionColorAlignment
Typography
Padding
Margin
PortfolioLowMediumAdvancedFull
ItemPadding
Border Type
Border Radius
Box Shadow
FiltersMargin
Alignment
Separator Icon
Separator Color
Color
Background Type
Separator Size
Padding
Typography
Border Type
Border Radius
Box Shadow
ContentBackground Type
Alignment
Color
Show Category list
Text Alignment
Padding
Typography
Margin
Border Type
Border Radius
Box Shadow
More ButtonText Color
Background Color
Padding
Margin
Typography
Border Type
Border Radius
InstagramLowMediumAdvancedFull
ItemContent Vertical Alignment
Border Radius
Box Shadow
Background Type
Padding
Border Type
Caption Order
Meta Order
CaptionColorTypography
Margin
Alignment
Text Alignment
Caption Width
Padding
MetaAlignment
Icon Color
Icon Size
Text Color
Comments Icon
Likes Icon
Typography
Margin
Item Margin
Background Type
Padding
Border Type
Border Radius
Box Shadow
BannerLowMediumAdvancedFull
GeneralAdditional Elements Color
Background Type
Opacity
Padding
Margin
Border Type
Border Radius
Box Shadow
Title Order
Description Order
TitleAlignment
Title Color
Typography
Margin
DescriptionAlignment
Description Color
Margin
Typography
Advanced CarouselLowMediumAdvancedFull
ColumnColumn MarginColumn Padding
Border Type
Simple ItemBackground Type
Alignment
PaddingBorder Radius
Box Shadow
Border Type
Item TitleTitle ColorTypography
Margin
Item ContentContent ColorTypography
Margin
Action ButtonText Color
Background Color
Typography
Padding
Margin
Border Radius
Border Type
Box Shadow
Coarousel ArrowsArrows StyleArrow Position
Carousel DotsDots Style
Alignment
Gap
Dots Box Margin
Logo ShowcaseLowMediumAdvancedFull
Company ItemVertical Alignment
Company LogoBackground TypePadding
Border Type
Alignment
Border Radius
Box Shadow
Company NameAlignment
Title Color
Typography
Margin
Company DescriptionAlignment
Title Color
Typography
Margin
ButtonLowMediumAdvancedFull
GeneralAlignment
Background Type
MarginBorder Type
Border Radius
Custom Size
Box Shadow
PlaneBackground TypePadding
Border Type
Border RadiusBox Shadow
IconColor
Font Size
Margin
Icon Box Width
Icon Box Height
Icon Box Color
Border Type
Border Radius
LabelText Alignment
Color
TypographyMargin
Circle ProgressLowMediumAdvancedFull
Progress Circle StyleCircle Fill ColorProgress Line EndingsCircle Box Shadow
Content StyleColorTypography
Prefix Font Size
Prefix Gap (px)
Suffix Font Size
Suffix Gap (px)
PaddingPrefix Alignment
Suffix Alignment
Pie Chart
LowMediumAdvancedFull
ChartBorder Width
Border Color
TitleColor
Margin
TypographyPadding
Text Shadow
LegendBox Width
Color
Typography
TooltipsBackground Color
Font Color
Typography
Table
LowMediumAdvancedFull
GeneralTable Width
Column Width
Table Alignment
Border Radius
Box Shadow
Table HeaderColor
Background Color
Padding
Icon Options
Image Options
Sorting Icon Options
Typography
Border Type
Hidden border for header container
Alignmen
Vertical Alignment
Table BodyColor
Background Color
Padding
Icon Options
Image Options
Typography
Border Type
Hidden border for body container
Alignmen
Vertical Alignment
Countdown TimerLowMediumAdvancedFull
ItemBackground TypeItem Padding
Item Margin
Border Type
Border Radius
Digit Order
Label Order
LabelsColorTypography
Margin
Background Type
Padding
Border Type
Border Radius
Box Shadow
DigitsColorTypography
Margin
Background Type
Padding
Border Type
Border Radius
Box Shadow
Separator StylesColor
Size
Margin
Font
Vertical Timeline
LowMediumAdvancedFull
CardsPadding
Background
Arrow Size
Arrow Offset
Border Type
Border Radius
Box Shadow
ImageSpacingBorder Radius
MetaColor
Background Color
Padding
Margin
TypographyBorder Type
Border Radius
Box Shadow
ContentPadding
Background Color
Border Type
Border Radius
Box Shadow
TitleMargin
Color
Typography
DescriptionMargin
Color
Typography
ButtonText Color
Background Color
Padding
Margin
Typography
Border Type
Border Radius
Box Shadow
PointPoint Size
Color
Background Color
Text Typography
Icon Size
Border Type
Border Radius
LineLine Color
Progress Color
Thickness
Border Type
Border Radius
Download ButtonLowMediumAdvancedFull
GeneralText Alignment
Icon Size
Download Link Icon
Button Alignment
Icon Margin
ButtonBackground Type
Padding
Color
Border Type
Typography
Border Radius
Box Shadow
Video Player
LowMediumAdvancedFull
VideoWidth
Alignment
Background ColorBorder Radius
Border Type
Box Shadow
CSS Filters
Play ButtonColor
Background Type
Hover Animation
Icon/Image Size
Padding
Margin
Border Radius
Border Type
Box Shadow
Player Controls ContainerBackground Type
Padding
Border Type
Player Play-Pause Button and TimeColor
Background color
Padding
Margin
Font size
Typography
Border Radius
Border Type
Box Shadow
ProgressHeight
Background Type
Margin
Border Radius
Border Type
Player VolumeColor
Background color
Padding
Margin
Width
Height
Font size
Typography
Border Radius
Border Type
Box Shadow
Player Fullscreen ButtonColor
Margin
Font size
Weather
LowMediumAdvancedFull
TitleColor
Margin
Typography
Alignment
PaddinBorder Type
Text Shadow
Current WeatherMargin
Padding
Color
Gap
Typography
Font size
Border Type
Details WeatherMargin
Padding
Color
Gap
Typography
Font size
Border Type
Forecast WeatherMargin
Padding
Color
Gap
Typography
Font size
Border Type
Adv. Map
LowMediumAdvancedFull
Widget has no style options
Posts
LowMediumAdvancedFull
ColumnColumn Padding
Post ItemBackground Color
Padding
Border Radius
Border Type
Box Shadow
Post Thumbnail (Image)MarginPaddingBorder Radius
Border Type
Box Shadow
Post Item ContentBackground Color
Padding
TitleColor
Margin
Typography
Alignment
Background Color
Padding
MetaColor
Margin
Meta Divider
Divider Gap
Typography
Alignment
Background Color
Padding
ExcerptColor
Margin
Typography
Alignment
Background Color
Padding
ButtonBackground Type
Text Color
Padding
Icon Position
Icon Color
Icon Margin
Typography
Alignment
Icon Size
Vertical Alignment
Border Radius
Border Type
Box Shadow
Text Decoration
Terms LinksBackground Color
Text Color
Padding
Margin
Typography
Alignment
Hover Text Decoration
Border Radius
Border Type
Box Shadow
Carousel ArrowsArrows Style
Position
Carousel DotsAll
Custom FieldsColorTypography
Alignment
Margin
Display
Gap
Background Color
Padding
Border Radius
Price List
LowMediumAdvancedFull
ItemSpace Between Items
Padding
Content Vertical Alignment
Border Radius
Border Type
Border Width
Border Color
Box Shadow
TitleColorTypography
Alignment
PriceColor
Background Color
Padding
Price Minimal Width
Typography
Vertical Alignment
Text Alignment
Border Radius
Border Type
Box Shadow
DescriptionColor
Margin
Typography
Alignment
SeparatorSeparator Type
Separator Width
Color
Margin
Vertical Alignment
ImageImage Offset
Image Width
Border Radius
Border Type
Box Shadow
Pricing Table
LowMediumAdvancedFull
TablePadding
Background Type
Border Type
Border Radius
Width
Color
Table Padding
Box Shadow
HeaderBackground Color
Colors
Padding
Typography
Alignment
Border Radius
Border Type
IconIcon StyleAlignment
Padding
PricingBackground Color
Colors
Gap
Pricing Block Padding
Typography
Alignment
Vertical Alignment
Prefix Display
Suffix Display
Border Radius
Border Type
FeaturesBackground Color
Colors
Padding
Typography
Alignment
Icon Size
Text Decoration
Border Radius
Border Type
Features Divider
Action BoxBackground Color
Color
Padding
Typography
Alignment
Border Radius
Border Type
Action ButtonBackground Type
Background Color
Text Color
Padding
Icon Color
Icon Margin
Size
Typography
Icon Size
Border Radius
Border Type
Typography Hover
Box Shadow
SliderLowMediumAdvancedFull
GeneralIcon Background Color
Icon Font Size
Icon Color
Background Type
Opacity
Icon Box Size
Margin
Border Type
Border Radius
Padding
Box Shadow
Content WrapperHorizontal AlignBackground Type
Padding
Margin
Border Type
Border Radius
Vertical Align
Box Shadow
IconIcon Font Size
Icon Color
Icon Background
Margin
Alignment
Icon Box Size
Border Type
Border Radius
Box Shadow
TitleText Alignment
Title Color
Typography
Margin
Padding
SubtitleText Alignment
Subtitle Color
Typography
Margin
Padding
DescriptionMax Width
Alignment
Text Alignment
Description Color
Typography
Margin
Padding
Action ButtonAlignment
Padding
Background Color
Text Color
Margin
Typography
Border Type
Border RadiusBox Shadow
NavigationColor
Background Color
Box Size
Font Size
Border Type
Border Radius
Margin
Box Shadow
PaginationAlignment
Pagination Container Offset
Dots Style
MarginPadding
ThumbnailsThumbnail Container Offset
Background Type
Border Type
Margin
Progress BarLowMediumAdvancedFull
Progress BarProgress Height
Progress Width
Background Type
MarginBorder Type
Border Radius
Box Shadow
TitleMargin
Colors
Title Alignment
Typography
Icon Size
Background Type
Padding
Border Type
Border Radius
Box Shadow
PercentPercent Width
Colors
Background Type
Padding
Margin
Percent Alignment
Typography
Suffix Font Size
Percent Suffix Alignment
Border Type
Border Radius
Box Shadow
Scroll NavigationLowMediumAdvancedFull
GeneralMarginBackground Type
Padding
Border Radius
Border Type

Box Shadow
HintBackground Type
Colors
Padding
Icon Margin
Icon Size
Typography
Border Radius
Border Type
Label Margin
Label Padding
Box Shadow
DotsAll
ServicesLowMediumAdvancedFull
GeneralAll
HeaderWidth
Height
Background Type
Margin
Border Radius
Border Type

Box Shadow
IconIcon Color
Icon Background Color
Margin
Icon Font Size
Icon Box Size
Alignment
Border Radius
Border Type

Box Shadow
TitleColor
Margin
Icon Color
Icon Margin
Typography
Alignment
Text Alignment
Icon Size
Padding
DescriptionColor
Margin
Typography
Alignment
Text Alignment
Padding
Action ButtonIcon Color
Icon Margin
Background Color
Text Color
Padding
Margin
Alignment
Typography
Alignment
Icon Size
Hover Typography
Border Radius
Border Type
Box Shadow
OverlayBackground Type
Padding
Content Order and AlignmentCover Content Vertical AlignmentOrders
SubscribeLowMediumAdvancedFull
GeneralPadding
Background Color
WidthBorder Type
Border Radius
Margin
Box Shadow
InputPadding
Margin
Background Color
Text Color
Width
Alignment
Typography
Border Type
Border Radius
Hover Typography/Focus Typography
Box Shadow
Submit ButtonIcon Color
Icon Margin
Background Type
Colors
Padding
Margin
Icon Size
Width
Typography
Hover Typography
Border Radius
Border Type
Box Shadow
MessageBackground Type
Colors
Padding
Margin
Alignment
Typography
Border Radius
Border Type
Error Margin
Box Shadow
Team MemberLowMediumAdvancedFull
GeneralOverlay Height
Overlay Corner Color
Background Type
Border Type
Border Radius
Padding
Margin
Box Shadow
ImageWidth
Height
Padding
Margin
Border Type
Border Radius
Box Shadow
NameColor
Margin
Typography
Text Alignment
Padding
PositionColor
Margin
Typography
Alignment
Text Alignment
Padding
DescriptionColor
Margin
Typography
Alignment
Text Alignment
Padding
SocialItems Spacing
Colors
Background Color
Alignment
Icon Font Size
Icon Box Size
Typography
Border Type
Border Radius
Icons Margin
Box Shadow
Action ButtonBackground Color
Text Color
Padding
Margin
Alignment
Typography
Hover Typography
Border Radius
Border Type
Box Shadow
OverlayBackground Type
Padding
Margin
Border Radius
Content Order and AlignmentCover Content Vertical AlignmentOrders
Contact Form 7LowMediumAdvancedFull
Form TextsColor
Margin
Typography
Alignment
ControlsBackground Type
Colors
Padding
Margin
Textarea Minimal Height
Typography
Border Type
Border Radius
Box Shadow
Submit ButtonBackground Type
Text Color
Padding
Margin
Fullwidth Button
Typography

Border Type
Border Radius
Box Shadow
AlertsColor
Background Color
Padding
Margin
Typography
Alignment
Border Type
Border Radius
Box Shadow
TestimonialsLowMediumAdvancedFull
ItemBackground TypeItem Margin
Border Type
Border RadiusBox Shadow
Order
Cover Content Vertical Alignment
ImageWidth
Height
AlignmentMargin
Border Type
Border Radius
Box Shadow
IconIcon Color
Icon Background Color
Alignment
Icon Font Size
Icon Box Size
Margin
Border Type
Border Radius
Box Shadow
TitleColorText Alignment
Alignment
Typography
Padding
MarginCustom width
ContentColor
Width
Background Type
Alignment
Text Alignment
Typography
Padding
Use comment corner
Border Type
Border Radius
Box Shadow
Margin
NameColorAlignment
Text Alignment
Typography
Margin
Custom width
Padding
PositionColorAlignment
Text Alignment
Typography
Margin
Custom width
Padding
DateColorAlignment
Text Alignment
Typography
Margin
Custom width
Padding
RatingStars
Active Stars
Spacing
Size
Margin
ArrowsArrows StyleArrow Position
DotsAlignment
Gap
Dots Style
Dots Box Margin
Image ComparisonLowMediumAdvancedFull
GeneralPadding
Border Type
Border Radius
Box Shadow
LabelHorizontal Alignment
Vertical Alignment
Color
Background Type
Typography
Padding
Margin
HandleAlignment
Background Type
Arrow Color
Divider Color
Control Width
Height
Divider Width
Icon Size
Margin
Border Radius
Box Shadow
Carousel ArrowsArrows StyleArrow Position
Carousel DotsDots Style
Gap
Alignment
Dots Box Margin

Now, it’s pretty easy to work with Elementor editor much more faster and put in work the settings you need to apply only.