Using Elementor Global colors with Style Kits

Elementor Global Colors were introduced in Elementor version 3.0 along with the concept of Global Fonts. This opens some doors for experimentation and interplay with Style Kits, as we will describe in this post. We now have two “control gates” for color-styling our design system. Elementor’s Global colors and Style Kits Let’s take a look […]

Making use of a layout color system in Elementor template kits

In this article we will go through an overview of how color is globally managed in the Style Kits template library. Introduction Consistent, layout-wide color management in Elementor is a struggle. But it does not need to be. In Style Kits, color is consistently used  and dynamically managed, for each template kit.  Practically, this means that […]

Elementor Theme Styles and Style Kits: A roadmap for integration.

Introduction Elementor just rolled out a beta version of its long-awaited Theme Styles feature, opening the doors for global styling control over an entire Elementor-powered site.  Having actively researched this Global Styling concept for the last year with Style Kits, we welcome this essential update, which brings Style Kits a step closer to core absorption and […]

How to customize the default Elementor Column Gap presets

Elementor Column Gaps is a control available in every Section of our layouts and templates. What it actually does, is to add padding in the column(s) that the section contains. This has the same effect as manually adding column padding to your column. Elementor by default offers a scale of six column gap presets: Default No […]

How to globally manage typography in Elementor Hello Theme

Managing typography in Elementor hello theme

Heads up! With the introduction of Theme Styles in Elementor 2.9 you can now manage Typography more effectively in the new Theme Style Editor. See how Style Kits can extend the Theme Style flexibility for a better design workflow in Elementor. Learn More Elementor Hello theme is a lightweight, free theme by Elementor. It works […]

Creative design in Elementor with PowerPack add-on

Elementor, which started as a simple page builder has now evolved to a much bigger platform. Not just web pages, with elementor you can design full functioning websites quickly and that too without touching a single line of code. Since it’s inception, elementor has created an ecosystem of its own and in this ecosystem, came […]

Elementor Design: Creating brand-consistent layouts

What happens when you feel that the design style and texture of your Elementor layout is a bit out of tune with your branding? Is your logo super smooth but you are too sharp and angular in design? Does the branding tone and niche scream for another type of fonts, yet you are still stuck […]