Accessing the Style Kits Panel

Style Kits adds extra UI controls to the Elementor Theme Style Editor. By default, the Theme Style editor is accessible from the Elementor Editor Menu > Site Settings.

Accessing the Style Kits panel in Page Settings

The Style Kits panel is available in the Page Settings. You can access it by clicking the cog at the bottom left of your editor.

Once you do so, navigate to the Settings tab. This is where you will find the Style Kits panel and the related Dropdown from where you can choose to apply a specific Style Kit on the page. You can also easily open the Theme Style Editor from this panel, by clicking the blue button.

☝🏻 When you click the blue button, the Theme Style Editor will edit the Theme Style Kit that is being used on this specific page. For example if your page is using the Global Style Kit, then you will be editing the Global Style Kit. If your page is using a different Style Kit (for example SK-A), then you will edit the SK-A.

Teleport through the right-click menu

There is an easier way to access the Style Kits panel, from anywhere in the page, without the need to navigate to the cog icon. Simply trigger the right-click menu and you will find a Style Kits link that will teleport you to the Style Kits panel.

You can also directly trigger the Theme Style Editor by clicking the "Theme Style" link.