Archived topic
How to change back-end (working area) colour?
7 replies · Started by JamesKrakauer on December 17, 2020
I'm designing some white blocks and trouble is I can't see them against the default white background of the WP back-end.
Is there a way to change the default background colour?
Sorry if I sound dummy or non-GP specific, but I really couldn't find a solution, save for a defunct plugin, which I'd rather not use.
J.
Hi there,
The Gutenberg editor background color should inherit the Content background color set in the customizer.
I believe you will need something like this to change it:
https://developer.wordpress.org/reference/hooks/enqueue_block_editor_assets/
https://generatepress.com/forums/topic/how-to-show-custom-fonts-in-block-editor-gutenberg/#post-1459136
Using a plugin isn't a bad idea if you are not comfortable writing your own code - you can just disable it once you are done with editing.
Let me know if this helps :)
Thank you for your reply, Leo, but I wasn't able to follow up on the links you provided.
I've been experimenting a little and found a css class "gb-container", but I don't know how to change its properties. Please have a look at the attachment. How would I change the color of the thing called "element" in the middle column and where should I place the code?
Not sure if I understand.
gb-container is the container block from GenerateBlocks.
It should inherit the setting you've set in the block settings:
https://docs.generateblocks.com/article/container-overview/#colors
There isn't a way to change the color only in the editor as far as I understand.
Anyway, I can make do by changing the content background color temporarily.
Sounds good :)
I have solved it:
1. installed Add Admin CSS plugin;
2. added the following snippet:
body .editor-styles-wrapper {
background: lightgray ;
}Glad to hear and thanks for sharing :)
