Back to contents

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

From this tutorial, you will find out how to pick the required load level of style settings for JetBlog widgets in Elementor editor to use the style settings you need only and in this way optimize Elementor’s work.

Automatically, after the installation of JetBlog 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 JetBlog 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.
Load Level Editor with available levels

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.

Remember, that the lower the selected level, the fewer opportunities are accessible for the user. 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, image margin, 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 > JetBlog Settings option.

2 Step – Here you will see the Load Level Editor with a moving slider that switches between available levels 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 JetBlog widgets in a breathtaking way and switch to None in the Elementor > Tabs 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 Smart Posts List 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 Smart Posts List 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
Smart Posts ListPosts WraperGlobal Wrapper Margin
Featured Post Margin
Posts List Margin
HeadingTitle Color
Background Type
Typography

Margin
Padding
Border Type
Border Radius
Box Shadow
FilterColor
Background Type
Typography
Alignment
Margin
Padding
Hidden Terms Icon Size
Border Type
Border Radius
Box Shadow
FeaturedColor
Background Type
Typography
Alignment
Inner Content Margin
Margin
Padding
Post Image Overlay
Border Type
Border Radius
Box Shadow
Featured Post MetaColorMeta Icon Size
Meta Icon Gap
Typography
Margin
Alignment
Meta Divider
Divider Gap
Background Color
Padding
Featured Read More ButtonIcon Color
Background Type
Text Color
Padding
Icon Size
Icon Margin
Typography
Alignment
Hover Padding
Border Type
Border Radius
Text Decoration
Box Shadow
Featured Terms LinksPadding
Background Color
Text Color
Typography
Margin
Border Type
Border Radius
Text Decoration
Box Shadow
PostColor
Background Type
Post Margin
Typography
Alignment
Inner Content Margin
Padding
Margin
Post Image Overlay
Border Type
Border Radius
Box Shadow
Post MetaColorMeta Icon Size
Meta Icon Gap
Typography
Margin
Alignment
Meta Divider
Divider Gap
Background Color
Padding
Post Read More ButtonIcon Color
Background Type
Text Color
Padding
Icon Size
Icon Margin
Typography
Alignment
Hover Padding
Border Type
Border Radius
Text Decoration
Box Shadow
Terms LinksPadding
Background Color
Text Color
Typography
Margin
Border Type
Border Radius
Text Decoration
Box Shadow
Paging ArrowsPositionNormal-Hover
Custom FieldsColorTypography
Alignment
Margin
Display
Gap
Background Color
Padding
Border Radius
Loader StylesOpacity
Color
Smart Posts TilesLowMediumAdvancedFull
BoxGap Between Boxes
Padding
Box OverlayBorder Type
Border Radius
Box Shadow
ContentColorTypography
Margin
Alignment
MetaColorMeta Icon Size
Meta Icon Gap
Typography
Margin
Alignment
Meta Divider
Divider Gap
Background Color
Padding
Terms LinksPadding
Background Color
Text Color
Horizontal Alignment
Vertical Alignment
Typography
Margin
Border Type
Border Radius
Text Decoration
Box Shadow
Paging ArrowsPositionNormal-Hover
Custom FieldsColorTypography
Alignment
Margin
Display
Gap
Background Color
Padding
Border Radius
Text TickerLowMediumAdvancedFull
ContainerAll Options
Widget TitleColorTypography
Background Type
Padding
Border Type
Border Radius
Title Pointer
Box Shadow
Current DateColorTypography
Background Type
Padding
Border Type
Border Radius
Box Shadow
PostsColorTypography
Padding
Margin
Border Type
Border Radius
Box Shadow
Paging ArrowsPositionNormal-Hover
Video PlaylistLowMediumAdvancedFull
General StylesColorsIcon Size
Typography
Padding
Wrapper Border Radius
Thumbnail StylesColorsPadding
Typography
Thumbnail Image Gap
Border Type
Thumbnails Numbers and
Status Icons
Normal-Hover-ActiveTypography
Margin
Scrollbar StylesColors
Posts NavigationLowMediumAdvancedFull
ItemsBackground Color
Text Color
Alignment
Typography
Older Link Padding
Newer Link Padding
Gap Between Items
Border Type
Border Radius
Item Min Width
Prev/Next IconText ColorIcon Size
Gap Between Text and Icon
Background Color
Icon Box Size
Border Radius
Border Type
Posts PaginationLowMediumAdvancedFull
ItemsBackground Color
Text Color
Typography
Alignment
Padding
Gap Between Items
Border Type
Border Radius
Item Min Width
Prev/Next IconBackground Color
Text Color
Icon Size
Icon Box Size
Gap Between Text and Icon
Border Type
Border Radius

Now, it isn’t difficult to maintain the fast speed of Elementor editor and put in work the settings you need to apply only.