Astra Theme Joins the Global Colors Club

elementor global colors

Elementor Website Have More Than One Editor

Elementor websites have three editors and they each have a color palette.

Color Palette in the Customizer

You edit theme settings in the Customizer. Here is the color palette from the Customizer in the previous version of Astra. They colors were dark greys and blues.

default astra color palette

Color Palette in Gutenberg

You create post content in Gutenberg. By default Gutenberg has a very colorful set of color options. Note how there is no coordination with what was set in the Customizer.

default gutenberg color palette

Elementor’s Color Palette

You use Elementor to create pages and templates. The Elementor color palette starts with four colors. There is no coordination with either the Customizer or Gutenberg.

default elementor color palette

It is not hard to imagine that it would be difficult to enforce brand color consistency. Before Elementor version 3, the Central Color Palette plugin used to solve this problem. It solved the problem for all themes by letting you set the colors centrally and then the plugin took care of showing the same colors everywhere.

Central Color Palette Plugin From WordPress Org 1

Elementor Adds a Global Color Palette

When Elementor version 3 was released a little over a year ago, one of the main features was the introduction of global colors. This was a great feature inside of Elementor, but unfortunately, “global” didn’t mean site wide. Not only was “global” not site-wide, Elementor version 3 also broke the Central Color Palette plugin. Now each theme has to solve the problem and luckily several have.

Previously Only Three Themes Had Truly Global Color Palettes

Of the hundreds of themes available, only three themes coordinated their color palette between the Customizer, Gutenberg, and Elementor: Blocksy, Kadence, and Neve. This made them to best choices for an Elementor site, especially if you were going to create post content.

Blocksy Pro
Kadence Theme
neve theme

Astra 3.7 Joins the Club

astra 3 7 released

The latest release of Astra, version 3.7, introduced a true global color palette. The new palette holds up to 9 colors and you can save up to 3 palette sets. Note the gray globe icon over the colors next to the Theme Color, Link Color, etc. That indicates that you are using a color from the global palette. Change a color in the palette and those places where it is used will change also. Here are the colors as set in the Customizer.

astra global colors in the customizer

The global colors also show now in the Gutenberg editor.

astra global colors in gutenberg

And the colors are available in Elementor also. The screen shot doesn’t show them all, but they are listed under the 4 Elementor colors as Theme Color 1 and so on (you need to scroll down to see the full list).

astra global colors in elementor

Conclusions

The Astra team has solved the global colors problem for its users. It is now possible to have

At Elementor360 we have been careful about the themes we recommend for use. If you are not including a blog, then you have a lot of options and maybe the Hello theme or the Page Builder Framework would be good choices. However, if you are going to have post content then you will want to have the same styles available in Gutenberg as in the other editors. Astra now joins the club as a recommended theme for use with Elementor.

Some of the links in the post above are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission. You will still pay the same amount so there is no extra cost to you. I am disclosing this in accordance with the Federal Trade Commission’s 16 CFR, Part 255: “Guides Concerning the Use of Endorsements and Testimonials in Advertising.”  

E360
>