Change All Essential Blocks Color Scheme At Once Vs. Individually?

Hi @xizor,

I hope you’re doing well. I regret to inform you that currently, we do not have any predefined theme colour or an option to set a single colour for all the blocks. However, we offer Global Controls within Essential Blocks, which provide extensive control over the design and styling of the blocks. You can find more information on how to configure Global Controls in our documentation here: https://essential-blocks.com/docs/configure-global-controls/

Please give it a try and let me know how it works for you. I’m eagerly awaiting your valued response.

Have a wonderful day!

I regret to inform you that currently, we do not have any predefined theme colour or an option to set a single colour for all the blocks. However, we offer Global Controls within Essential Blocks, which provide extensive control over the design and styling of the blocks.

Please give it a try and let me know how it works for you. I’m eagerly awaiting your valued response.

@mahbubshovan

I had given your approach a try prior to my initial posting. The workflow you describe is a mildly inconvenient workflow (time intensive). I was hoping for a different answer. I do appreciate your answering my inquiry in a prompt manner; thank you.

• This reply was modified 1 year, 6 months ago by MindCreatesMeaning.

Where are the default color values for Essential Blocks stored?
I’d like to have the default colors pull from a theme’s CSS color variables which are edited from Appearance > Editor > Styles > Colors and stored within a theme’s “Theme.json” file.

I am able to accomplish this by including CSS which overrides the default elements using the ‘!important‘ property. But this introduces the negative effect of also preventing Users from selecting their own values from individual Block Settings.

By way of testing, I have used inspector to block network access to all CSS files associated with Essential Blocks. As expected, formatting successfully breaks – but colors remain?!

What file is responsible for Essential Block Colors?

• This reply was modified 1 year, 6 months ago by MindCreatesMeaning.

Hi @xizor

Thanks a lot for the details. The colour CSS values are stored in block attributes. We generate a CSS file by collecting these values from the attributes. To change the default colours, you can utilize block hooks in JavaScript (refer to https://developer.www.ads-software.com/block-editor/reference-guides/filters/block-filters/).

In this approach, you would need to set the desired value for each attribute in each block using the appropriate block hooks.

Let me know how it goes now. Thank You.

Your answer informs me that initial plugin styles are not stored within CSS stylesheets, but rather they are stored within json files for each individual block. Am I interpreting your answer correctly?

I’ve checked the following files for attributes with no success:

• /essential-blocks/blocks/name-of-block/block.json
• /essential-blocks/blocks/name-of-block/index.asset.php
• ‘/essential-blocks/blocks/name-of-block/index.js

The closest I feel I’ve come to finding what I need is:

• /wp-content/plugins/essential-blocks/lib/style-handler/style-handler.php

I still cannot locate references to the colors I wish to change.

An Example:
If I were to desire to change the default color scheme for the ‘Essential Advanced Tabs’ Block – what are the specific files storing the attributes for this block?

Hi @xizor

I apologize for any confusion caused earlier. Thank you for providing additional information. In your case, the default color values are stored in separate component which build in the dist/index.js file, rather than the paths you mentioned. As a result, the method you described for changing the default values using block hooks may not be applicable.

Based on your clarification, it appears that there might be limitations in directly modifying the default color values for Essential Blocks. The approach I shared earlier, which involved modifying attributes using Gutenberg core hooks to overriding the default values of the attributes, might be the only available option in this scenario.

Thank you for bringing this to my attention, and I apologize for any inconvenience caused. Please let me know if you have any further questions or need assistance with anything else.
Have a great day!

Hi @xizor

It seems that we haven’t received any updates from you for quite some time. We assume that your issue has been resolved or that you no longer require assistance. Therefore, we will go ahead and resolve this topic.

If you have any further questions or need assistance in the future, please don’t hesitate to reach out to us. Thank you for reaching out, and have a great day!