Back to contents

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

This tutorial uncovers how to pick the needed load level of style settings for JetTabs plugin in Elementor editor in order to use the settings you need only and therefore optimize Elementor’s working speed.

By default, after the JetTabs installation, you will have the Full level chosen which means the full range of settings in the widget’s Style tab will be available for the usage.

If you need Elementor editor work faster, you should choose the lower level of settings but the one that will cover your needs and ideas in personalizing the widget’s appearance.

The load levels of style setting

There are 5 levels available to be applied for the widget’s stylization:

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

Each of them can be marked by a certain range of settings. Keep reading this tutorial to learn more how to pick the appropriate level and which options are included to each of them.

Load Level Editor with available levels

How to pick the load level of style settings

1 Step – Open WordPress Dashboard and navigate to Elementor > JetTabs Settings option.

2 Step – In the following screen, you should choose the General tab. Here you will see a moving slider that changes the number of available settings.

3 Step – After choosing the required level, click the Save button.

4 Step – Now go to Elementor editor and upload the page to apply the changes.

5 Step – Customize the content with JetTabs plugin so that it requires your needs. Here you can find the answers to your possibles questions.

Load Level Editor in WP Dashboard

Remember, that the lower the selected level, the fewer opportunities are available. It means, that None level will hide the Style tab at all. The only you need to enable this option is to move the slider.

None load level for Classic Accordion

On the screen you can see the Classic Accordion widget with None load level activated.

The Full level will provide you with the complete range of settings to customize the view of the tabs.

Full load level for Smart Posts List

On the screen, you can see the Classic Accordion widget with Full load level activated.

How to manage the load levels of style setting

It may happen, that it’s perfect for you to use one of the half-way levels and its settings meet your requirements. Additionally, you might need one more setting (or maybe several slight ones), but you don’t want to choose another level to save the optimized work of Elementor editor. In this case, you should add the necessary option by adding an appropriate CSS code.

In this way, you will save the lower level of general settings for tabs and at the same time, you will have the option that is needed for your purposes.

ATTENTION!
It’s essential to keep in mind, that if you customize the Tabs in a magnificent way and turn to None in the Load Level Editor 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.

In between, there are Low, Medium and Advanced levels that provide the user with settings that will appear progressively depending on the chosen level.
Below you can see the options that are available in each of the levels.

WidgetsStyle OptionsLowMediumAdvancedFull
TabsGeneralBackground TypePaddingMarginBorder Type
Border Radius
Box Shadow
Tabs ControlBackground Type
Border Type
PaddingMargin
Border Radius
Tabs Alignment
Box Shadow
Tabs Control ItemText Color
Icon Color
Border Type
Background Type
Icon Margin
Icon Position
Typography
Icon Size
Padding
Margin
Border Radius
Image Width
Image Margin
Box Shadow
Tabs ContentText Color
Background Type
Border Type
Typography
Padding
Border RadiusBox Shadow
Classic AccordionLowMediumAdvancedFull
Accordion ContainerBackground Type
Border Type
PaddingBorder RadiusBox Shadow
TogleBackground Type
Border Type
Padding
Margin
Border RadiusBox Shadow
Togle ControlAlignment
Text Color
Icon
Background Type
Position
Border Type
Typography
Padding
Margin
Border Radius
Box Shadow
Togle ContentText Color
Background Type
Border Type
Padding
Typography
Margin
Border RadiusBox Shadow
Image AccordionLowMediumAdvancedFull
ContainerHeightBorder TypeBorder RadiusBackground Type
Box Shadow
ItemItem Gutter
Background Type
Border TypeBorder RadiusBox Shadow
ContentText AlignmentBackground Type
Padding
TitleAlignment
Color
TypographyMarginPadding
DescriptionAlignment
Color
TypographyMarginPadding
Action ButtonAlignment
Text Color
Background Color
Padding
Typography
Border Type
Margin
Border Radius
Box Shadow
Content Order
and Alignment
Title Order
Description Order
Button Order
SwitcherLowMediumAdvancedFull
Switcher ControlWidth
Height
Control Color
Handle Color
Disable Label Color
Enable Label Color
Border Type
Labels Typography
Border Radius
Handler Offset
Margin
Box Shadow
Switcher ContentText Color
Background Type
Typography
Padding
Border Type
Border RadiusBox Shadow

That’s it!
Now you can enjoy the range of stylization settings you need only without any other options that are needless for your requirements.