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.
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.
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.
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.
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.
| Widgets | Style Options | Low | Medium | Advanced | Full |
|---|---|---|---|---|---|
| Tabs | General | Background Type | Padding | Margin | Border Type Border Radius Box Shadow |
| Tabs Control | Background Type Border Type | Padding | Margin Border Radius | Tabs Alignment Box Shadow | |
| Tabs Control Item | Text 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 Content | Text Color Background Type Border Type | Typography Padding | Border Radius | Box Shadow | |
| Classic Accordion | Low | Medium | Advanced | Full | |
| Accordion Container | Background Type Border Type | Padding | Border Radius | Box Shadow | |
| Togle | Background Type Border Type | Padding Margin | Border Radius | Box Shadow | |
| Togle Control | Alignment Text Color Icon Background Type Position Border Type | Typography Padding Margin | Border Radius | Box Shadow | |
| Togle Content | Text Color Background Type Border Type | Padding Typography Margin | Border Radius | Box Shadow | |
| Image Accordion | Low | Medium | Advanced | Full | |
| Container | Height | Border Type | Border Radius | Background Type Box Shadow | |
| Item | Item Gutter Background Type | Border Type | Border Radius | Box Shadow | |
| Content | Text Alignment | Background Type Padding | |||
| Title | Alignment Color | Typography | Margin | Padding | |
| Description | Alignment Color | Typography | Margin | Padding | |
| Action Button | Alignment Text Color Background Color | Padding Typography Border Type | Margin Border Radius | Box Shadow | |
| Content Order and Alignment | Title Order Description Order Button Order | ||||
| Switcher | Low | Medium | Advanced | Full | |
| Switcher Control | Width Height Control Color Handle Color Disable Label Color Enable Label Color | Border Type Labels Typography | Border Radius Handler Offset Margin | Box Shadow | |
| Switcher Content | Text Color Background Type | Typography Padding Border Type | Border Radius | Box 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.